Creating Drop Down Lists – Classic Blogger

Setting up super cool drop down lists for your sidebar to save sidebar space is fairly straighforward using a bit of Javascript. I’m going to list the coding necessary to do both your Previous Posts and your Archives list. This tutorial is for Blogger only. In the future I will put up coding to do this in other blogging platforms.

A Drop Down List Example

Fave Links se7en Blog Flak

First up is Blogger’s Previous Posts coding. This is a bit different than the Archives List coding below because it will require a width to be set in the code. Long Post names won’t word wrap in the list and it could force your sidebar to the bottom of your blog. When you open the list in IE long posts names will be cut off but the links will work just fine. Firefox ignores the width limitation and displays the full name regardless.

Previous Posts List for Blogger – Copy/Paste below code into your sidebar

Previous Posts

“>

Archives List for Blogger – Copy/Paste below code into your sidebar

Archives List

“>

In both cases above you will want to disable the existing coding for Previous Posts and Archives, if you don’t know which sections to remove please refer to the image below. If you are doing drop down lists for both Previous Posts and Archives you will want to remove or cut all of the code that is displayed in the image window. Image taken from Blogger template editor.