Blogger9:- Now add cute css navigation menu with adsense unit in blogger.

Hi friends now add best css hover effect navigation menu with adsense unit code easily.

Follow simple and easy step to adding this cool naviagtion menu below blogger header with adsense unit code-->>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Now find this code ]] by CTRL+F key.

* Copy below code and paste before ]]

#nav420  {
display : block;
background-color:#5C9CA5;
height:28px;
width : 915px;
border-bottom : 1px solid #000;
margin-left:20px;
font-family:arial;
font-size:14px;
margin-top:-30px;
}
#nav420, #nav ul {
list-style : none;
}
#nav420 li {
float : left;
list-style : none;
}
#nav420 li a {
display : block;
font-weight : bold;
color : #fff;
padding : 7px 15px;
}
#nav420 li a:hover {
background-color:#DFDFDF;
color:#000;
}
#add400  {
background-color:#eee;
height:28px;
margin:0 auto;
width : 915px;
margin-left:20px;
}
.save-delicious12{
background:url(http://santabanta.mywapblog.com/files/delicious0.png) left top no-repeat;
padding-left:22px;
margin-top:5px;
font-size:11px;
line-height:18px;
float:left;
}

* Now save your template.

* Again go to your blogger Dashboard and click in design tab.

* Now you are here --->>> Page element.

* Click in add gadget which is below blogger header.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.

HOME
TAB1 TITLE HERE
TAB2 TITLE HERE
TAB3 TITLE HERE
TAB4 TITLE HERE
TAB5 TITLE HERE
TAB6 TITLE HERE
TAB7 TITLE HERE

TAB8 TITLE HERE




YOUR 728-15 ADSENSE UNIT CODE HERE


Save to delicious

* Now save your HTML/javascript and you are done ok.