Add Horizontal Navigation Menu For Blogger

Copy & Paste Code Below (under #header or #header-wrapper)

Code I

/*
----------------------------------------------- */

#navigation{

height:25px;
line-height:23px;
margin:0 1px;
background:#1B90DF;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-left:1px solid #ffffff;
border-top:1px solid #ffffff;
border-right:1px solid #777D85;
border-bottom:1px solid #777D85;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}

/*
----------------------------------------------- */

Copy & Paste Code Below ( In Page Elements )

Code II

/*
----------------------------------------------- */

/*
----------------------------------------------- */
Note : Backup Your Templates Before Try This Hack
Source : http://ditani.blogspot.com