A Vertical Multi-Level Drop Down Menu For Blogger Blogs

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

Credits: DynamicDrive

---