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 ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
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 ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
#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.
<div id='nav420'> <ul> <li><a href='YOUR BLOG URL HERE' target='blank'>HOME</a></li> <li><a href='TAB1 URL HERE'>TAB1 TITLE HERE</a></li> <li><a href='TAB2 URL HERE'>TAB2 TITLE HERE</a></li> <li><a href='TAB3 URL HERE'>TAB3 TITLE HERE</a></li> <li><a href='TAB4 URL HERE'>TAB4 TITLE HERE</a></li> <li><a href='TAB5 URL HERE'>TAB5 TITLE HERE</a></li> <li><a href='TAB6 URL HERE'>TAB6 TITLE HERE</a></li> <li><a href='TAB7 URL HERE'>TAB7 TITLE HERE</a></li> <li><a href='TAB8 URL HERE'>TAB8 TITLE HERE</a></li> </ul> </div> <div id='add400'> <div style='padding-top:5px;width:728px;float:left;'> YOUR 728-15 ADSENSE UNIT CODE HERE </div> <div class='save-delicious12' style='float:right;margin-right:5px;'> <a href='http://del.icio.us/post?url=http://www.blogger9.com&title=Blogger solutions' target='_blank'>Save to delicious</a> </div> </div> </div>
* Now save your HTML/javascript and you are done ok.
|
0 Responses So Far: