Add Super Golden Navigation Menu to Blogger. 3

| | , ,

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.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add Super Golden Navigation Menu to Blogger. ~ Twitter FaceBook

3 Responses So Far:

Rudraksh Pathak said...

Nice trick i like it. Good work friend.

. said...

is possible to add sub menu?

Anil Kumar Singh said...

I will give you new menu with submenu ok hari keep visit thanks.it thanks.

Categories

Select Your Categories