How to Install yellow navigation menu to blogger. 2

| | , ,

Add best yellow page navigation menu in your blogger blog.

Follow simple and easy step to adding this widget in your blogger blog---->>>>

* First go to your blogger Dashboard .

* Now click in design tab and edit HTML Now .

* Click in small box to expand your blogger template now.

* Find this code ]]></b:skin> by CTRL+F key easily ok.

* Now copy below CSS code and paste before   ]]></b:skin>

padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

.blogger9tab li{
display: inline;
margin: 0;

.blogger9tab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;

.blogger9tab li a:visited{
color: #2d2b2b;

.blogger9tab li a:hover{
background-color: #DBFF6C;
color: black;

.blogger9tab li a:active{
color: black;

.blogger9tab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;

* Now again go to your blogger Dashboard.

* Now click in design tab and you are here--->>. Add new element.

* Now click in add gadaget which is below HEADER ok.

* When open new window select HTML/javascript  from list .

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

<ul class="blogger9tab">
<li class="selected"><a href="YOUR BLOG ADDRESS HERE">Home</a></li>
<li><a href="YOUR LINK URL1">TITLE1</a></li>
<li><a href="YOUR LINK URL2">TITLE2</a></li>
<li><a href="YOUR LINK URL3">TITLE3</a></li>
<li><a href="YOUR LINK URL4">TITLE4</a></li>
<li><a href="YOUR LINK URL5">TITLE5</a></li>
<li><a href="YOUR LINK URL6">TITLE6</a></li>

* Now save your HTML/Javascript and you are done now.

StumpleUpon DiggIt! Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to Install yellow navigation menu to blogger. ~ Twitter FaceBook

2 Responses So Far:

Sabahan Bloggers Club said...

Can we change blogger9tab with our blog name? Too many .blogger9tab in this code.

Anil Kumar Singh said...

Yes you can use any word as liketab etc but where blogger9tab in both code if you change this only first or second code this not work in your template .


Select Your Categories