How to add Drop Down List In Blogger

Monday, December 14, 2009


Drop Down list is a user interface control GUI element, which allows the user to choose one value from a list. When a drop-down list is inactive, it displays a single value. When activated, it displays (drops down) a list of values, from which the user may select one. When the user selects a new value, the control reverts to its inactive state, displaying the selected value.

Here is the demo of it :



Its easy to make this drop down list.Just go to  > Layout >Add Gadget >HTML/JavaScript  and add the below code and save it.
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>

<option>- Your Title - </option>

<!-- change the links with your own -->

<option value="http://Link 1">List Item 1</option>

<option value="http://Link 2">List Item 2</option>

<option value="http://Link 3">List Item 3</option>

<option value="http://bloggerflick.blogspot.com">Free Widgets</option>

</select></form>
Change the text in red and add your links, change text in blue and add link titles.

Additional Features
  1. You can increase the number of option value in code, if you want more links.
  2. Width of drop down menu depends on the length of the titles.
  3. Drop-down lists use far less space due to their show/hide functionality.

Subscribe to our blog

Do you have any Suggestions, add your comment. Please don't Spam!
If you like this site >> Subscribe to our feed

2 comments:

अनुराग February 24, 2010 at 8:25 AM said...

thanx a lot

Swapna December 6, 2010 at 12:50 PM said...

Hi,

This is really good information. But I am really confused. I want to add drop down list under my lables. Could you plz explain me in detail. Where is Layout<add gadget etc. Please could you teach me from the begining. I appreciate your help. Thanks..

Swapna
http://swapnascookbook.blogspot.com/

Post a Comment