Horizontal Navigation bar

Delete the original "Pages" in Layout

Then add new Nevigation bar by
 "Add a Gadget" =>  HTML/JavaScript

Home |
About |
Blogroll |
Shop |
Contact |

Highlight one by one and create Hyperlink for the required page.
display should be something like this :

<a href = "http://powerbypastries03.blogspot.com">Home</a>|
<a href="http://powerbypastries03.blogspot.com/p/about.html">About</a>|
....and so on

After finished add to the top
<div id="my_navbar">
add to the bottom
</div>

Now go to edit the template CSS

Add CSS


#my_navbar{
color:pink;
}

#my_navbar a{
color:#f47a88;
padding:0 10px 0 10 px
font=family: Georgia;
font size: 15px;
font style: italic;
}

 #my_navbar a:hover{
color:c7bb31;
text-decoration:none;
}