How to add a simple HTML navigation sidebar gadget to Blogger

Adding a simple HTML Navigation menu to your sidebar is one of the best ways to improve your overall Blogger site design. When visitors come to your site they need an easy to find navigation menu of some kind. Blogger by default uses Tabs, but this is only for listing your pages. What about your posts and other link you wish to add?

Here's how it will it will look:

Heres how to do it:

1. Goto your Blogger Dashboard (Link opens in new tab)

2. Click on Design

3. Click on Add Gadget where you want to place your side navigation menu (vertically)

4. Click the + for a new HTML/Javascript element

5. Copy this code

 <! -- Simple HTML Navigation Code -- >
<b>List of Site Links</b><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>

<b>Some More Links</b><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>
<a href="http://mysite.com/sample.html">My Pages</a><br>

6. Paste the code here

7. Customise the code to your links and you're done!

Tips:
To add a link to a category to one of your labels it's

http://www.myblogspotblog.blogspot.com/search/label/nameoflabel

More Blogger Tricks and Tweaks