Drop Down Menu Widget For Blogger/BlogSpot Blogs

One of the most convenient way to display huge lists of links, like BlogRoll or favorite sites etc. is using a drop down menu. It looks like this:
– Check This Out –
Google
Yahoo
Microsoft
Wikipedia

The tool is very useful for webmasters and bloggers, and equally simple is the coding required to put it on your blog/web site.

Follow these simple steps, to add a Drop-Down menu to your blog:
Log in to Blogger, go to “Layout” section, then click on “Add a Gadget“, and select it as “HTML/JavaScript
Now put this code in to 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://yourlink.com”>Title One</option>
<option value=”http://yourlink.com”>Title second</option>
<option value=”http://yourlink.com”>Title Third</option>
<option value=”https://bloggerstop.net”>Blogger Widgets</option>

</select></form>

Replace the blue and red parts of the code, as per your requirements !

55 thoughts on “Drop Down Menu Widget For Blogger/BlogSpot Blogs

  1. Hi there, thanks for the info! I was wondering if you know of a way to have a drop down menu in blogger but with your own images as the button and drop downs, instead of the drop down it’s in now.
    Thanks for your time.

    View Comment
  2. Thank you so much for the info!!! I have read all these other Blogs with instructions. I spent hours on getting a drop down menu. None of the others worked.
    With your instructions I (not a techie by any means) was able to build a “Drop down Menu” in a few minutes.

    View Comment
  3. Thanks for the drop down menu code, I have tied several others but had issues with all but yours.
    Is there a code that can be added so you would be able to use the Configure interface instead of the HTML?

    View Comment
  4. Thanks for the info! On my blog, when I navigate throughout the choices within my dropdown menu, I'd like it if it opens up the page I selected on the same page. You have it set up to when I select something else, it opens up in a new page.

    What part of the cod eneeds to be edited to fix this?

    Thanks!

    View Comment
  5. I like this single-level drop-down menu (I am only using it as a basic archive for my blog posts, so I don't need more levels), but I would like be able to change the background and text colors to match my blog. Is that possible?

    View Comment
  6. hey i tried adding this , but i dont know how to link it to posts. For example : If the title is search by ingredient. and i click on chocolate ( this should take me to all recipes with chocolate in it ) how do i link chocolate to the recipes ?
    what part of the code do i have to edit and what should i add ?

    View Comment
  7. Yes that is possible, instead of adding widgets again and again use ONLY 1 widget and add all the codes for different drop-down menus in that single widget.
    So, after every drop down menu, you have to paste the same code (from <form… to &lt.form>) with new title and new links.

    IMP: And instead of this code:
    <option>- Your Title – </option>

    Use this one:
    <h2 class='title'>Asian Delights</h2>

    View Comment
  8. Thanks Sai for your prompt reply. Pardon me as I am not IT savvy.

    Am I right to say that I have to delete all the HTML/JavaScript that I had added?

    How do I go about it?

    Perhaps we can communicate via my email.

    THanks.

    View Comment
  9. wah guys could someone help me pls. Is it possible to make a dropdownlist in my lyrics page? What i want is when you click the lyrics tab, letters a-z will be the only ones visible. Wah..
    Here's my lyrics page

    http://chimi08.blogspot.com/p/songs_17.html

    thanks and more power!
    Circle of friendly friendswah guys could someone help me pls. Is it possible to make a dropdownlist in my lyrics page? What i want is when you click the lyrics tab, letters a-z will be the only ones visible. Wah..
    Here's my lyrics page

    http://chimi08.blogspot.com/p/songs_17.html

    thanks and more power!
    Circle of friendly friends

    View Comment

Leave a Reply

Your email address will not be published. Required fields are marked *