Simple Vertical Navigation Menu with submenus for Blog

In the previous post, I had shown how to implement vertical navigation menu without sub menus in your blog. In this post, I will show you how to implement vertical navigation menu with sub menus in your blog.

First paste the following CSS code in the head section of your blog just before </head> line.

 


The above CSS code is used to define the look of the navigation menu. Now, to display the menu on your blog you have to paste a piece of HTML code in the <body> section.
In the <body> section look for a line like this  <div id='sidebar-wrapper> or <div id='sidebar'>. It is different for different templates. But in most of the templates the word "sidebar" is present. So you shouldn't have any problem finding this. Once you have found that line, paste the following HTML code just below that line.




Then save your template. You can add as many link you like. You can also download the demo html file from here before implementing on your blog. 

Top