Add Super Golden Navigation Menu to Blogger.
Follow simple and easy step to adding this Menu to blogger ---->>>>
* First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* After above step find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
#nav {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD5a5SR0TNRWaRYXDN1IO5EFQf907We98HEQvv5wRkaFJK8kl2fnI58eMX0Y0ITFMD_SzNMFcrGI0SCbcj8Om7BDgYq5EBL2-_LMPwsKbSUrt7XNwUcY-d_469d-TuIacDe_qMR-87tkG6/s1600/bg-menu.png) no-repeat scroll 0 -1px transparent;
height:48px;
margin-left:24px;
width:960px;
float:left;
}
#nav ul {
float:left;
height:50px;
padding-left:10px;
}
#nav li {
border-left:1px solid #845600;
border-right:1px solid #B9851A;
display:inline-block;
margin-right:-4px;
padding:10px;
}
.home {
border-left:none !important;
}
#nav li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvdDR-WdLkCOLZ93FXqi5dU7M1te87xRhBOXFxtJf9KoAll5wsUFARIT11Si2HLG9oH6qixER-IVvty-0t0LJQQ2oKI3UnGS_OUq6pouuYQJ6hhHVpTkXHoFu7wVTr-C8MjyLTQ7QLhwvU/s1600/hover.jpg) no-repeat scroll center top transparent;
}
#nav li a {
color:#FFFFFF;
display:block;
font-weight:bold;
padding:5px 10px;
text-shadow:none;
}
#nav li a:hover {
text-decoration:none;
}
* Now click to save your blogger 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 in blogger Header.
* When open new window choose HTML/javascript from list.
* When open new blank box copy below code and paste in blank box.
<div id='nav'><ul> <li class='home'><a href='Add HERE YOUR BLOG URL/'>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> </ul> </div>
NOTE:- Remove Highlighted text in above code with your own ok.
* Now click to save your HTML/javascript .
you Are done Cheers.
|
3 Responses So Far:
Nice trick i like it. Good work friend.
is possible to add sub menu?
I will give you new menu with submenu ok hari keep visit thanks.it thanks.