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>

.blogger9tab{
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>
</ul>

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

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: How to Install yellow navigation menu to blogger. ~