Gosh, you guys are so good. I'm seeing drop-down menus for Previous Posts and Archives sprouting up like dandelions everywhere.

Now we're moving on... to customized drop-down menus. Blogger is sadly one-dimensional. Flat. We want categories, indices, complexity. We shall have it.



For examples, see the sidebars of the following sites --

Elie
Akiva

The code is simple, but requires maintenance to keep the indices up to date. The basic code is similar to what we covered in a previous post. You set up a SELECT statement with OPTIONS. But instead of using Blogger Tags (variables), you will input each option.

Code from my blog template looks like this:

---

< SELECT NAME="Funnymenu" onchange=
"document.location.href=this.options[this.selectedIndex].value"; > 
< option > - Life is Funny-</option > 
< option value="http://mirty12.blogspot.com/authority.html" > Authority</option  > 
< option value="http://mirty12.blogspot.com/culture-clash.html">Culture Clash </option > 
< option value="http://mirty12.blogspot.com/doggerel-of-day.html" > Doggerel </option> 
< option value="http://mirty12.blogspot.com/pickles-for-me.html" > Pickles for Me </option >

</select >

---

The code above creates the "Life Is Funny" menu at my Mirty blog.

The structure is simple. Each menu item has an opening OPTION VALUE tag, followed by a link, followed by text, and lastly, a closing OPTION tag. All the OPTION VALUE tags are nested within the opening and closing SELECT tags.

< option value="link to your post" > This is what people will read </option >

For your post link, use the URL that goes directly to the post itself. You can usually find this by clicking on the little date/time stamp at the bottom of the post. (If you hover your mouse over it, the little pop-up tip says "Permanent Link")

Good luck. Remember the formatting tips and make it look slick!

Technorati Tags - code html