Here's a cool widget to fit as many possible links as you want in the minimum possible space.
The widget is completely customizable (background color, text color and number of tabs/links).
Follow these simple instructions, to add this widget to your blog:
STEP #1
Log in to Blogger, and go to "Layout" -> "Edit HTML"
Search for this code in the template:
</head>Now immediately ABOVE/BEFORE that, paste THE CSS code from DynamicDrive:
NOTE (Important): In the code from DynamicDrive, copy the code ONLY till this tag
</style>
and the code from
<script type="text/javascript">onwards, paste it in the HTML/JavaScript widget (read STEP #2 below).
Now save the template.
STEP #2
Then go to "Layout" -> Click on "Add a Gadget" and select it as "HTML/JavaScript" type.
And paste this code in it:
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Sub Item 2.1.3</a></li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://bloggerstop.net">Blogger Help</a></li>
</ul>
</div>
NOTE: Also paste the remaining code from STEP #1 in the same widget.
If you are looking for horizontal multi-level menus then you may read these tutorials:
New Multi-Level Drop Down Menu
Multi-Level Drop Down Menu For Blogger
And for a sliding side menu, have a look on this post:
A Sliding Side Menu For Blogs