Vertical menu for Page List and Link List at Blogger.

Hi bloggy readers.

       Adding the Vertical Menu in blog could be very important thing to do in order to make it easier for visitors to find any important page that relates to your blog. I decided to create a stylish menu for myself, however after all I decided to share it with all of you. This menu is CSS coded and includes the same style for “Page List” widget and “Link List” widget within Blooger.

It is the same menu as you can see in my right side panel and it is very easy to install to your blog. If you are using vertical menu just click on the “+add to blogger icon”, which opens “Add Page Element” page. Leave the Title empty and click on Add Widget. It is recommended, but not necessary to move the “HTML/JavaScript” to the bottom and click save button. That’s it; you can now enjoy your new vertical menu.

Installation guide:

Click on the "Add to Blogger" to apply:

Note:
       If you would like to use this style just for “Link List” widget then delete all blocks in Configure HTML/JavaScript containing “.PageList” (example: “.sidebar .PageList li.selected a {“)with the content in brackets ( {...} ) in content section. If you would like to use menu just for “Page Lists” widget then it is the same procedure as with “LinkList” but you have to delete all chunks with “.LinkList” in content section.

Additionally my sidebar width is 260 pixels and main page is 990 pixels, if you desire the same proportions you can change it in Blogger Template Designer under "Adjust Widths" section.

If you like my widget, please like it and share with others.