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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjba0IqV0eLtGv0OauB6GsPLaA5GSMUFpwPZbzV5EfXfOSjB0RnTqvbisD46z17RnZSqMabaB2TaPBtYjy0ZRc7NodB-fnGob_Mp9J4PXvMZPTWF-t9XYq-qC_y3vfeYpU4bqGjJPxaJRI/); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjba0IqV0eLtGv0OauB6GsPLaA5GSMUFpwPZbzV5EfXfOSjB0RnTqvbisD46z17RnZSqMabaB2TaPBtYjy0ZRc7NodB-fnGob_Mp9J4PXvMZPTWF-t9XYq-qC_y3vfeYpU4bqGjJPxaJRI/) 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..

blogger tutorials Social Bookmarking Blogger Widget

I'm reading: How To Add New “Vertical” Navigation Menu to Blogspot. ~