How To Add New “Vertical” Navigation Menu to Blogspot. 0

| | , ,

How To Add New “Vertical” Navigation Menu to Blogspot.






1.Login to your blogger dashboard and  designing  tab now  Edit HTML

2.Scroll down to where you see ]]></b:skin> tag.

3.Copy below code and paste it just before ]]></b:skin> tag.

#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #8D9179; display: block; background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TWj8f48954I/AAAAAAAABQI/j8K5S9vO4ME/menu6.gif); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TWj8f48954I/AAAAAAAABQI/j8K5S9vO4ME/menu6.gif) 0 -32px; padding: 8px 0 0 10px; }

4. Save Your Template.

5.Now Go to Desing tab and now Page Elements.

6.Click on 'Add a Gadget' on the sidebar.

7.Select 'HTML/Javascript' and add the one of code given below


<div id="menu9"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>

Note: Replace the hash (#) sign with your Page Links / URL and replace Link1, Link2, Link3 etc with your Page Titles

8.Now save your "HTMl JavaScript" you are done..

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How To Add New “Vertical” Navigation Menu to Blogspot. ~ Twitter FaceBook

0 Responses So Far:

Categories

Select Your Categories