Monday, March 21, 2011

Adding a Drop-Down menu to your Blogger blog

One of the most convenient way to display huge lists of links, like BlogRoll or favorite sites etc. is using a drop down menu. 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:

From your Dashboard, go to "Design" 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#1.com">Title One</option>
<option value="http://yourlink#2.com">Title Second</option>
<option value="http://yourlink#3.com">Title Third</option>
</select></form>
Replace the titles in blue and the links in red with your owns then click Save and you're done.

Enjoy!

12 comments:

  1. Lots of great information and inspiration, which we all need! I really appreciate the efforts made by you for this. Well Done! Thanks for sharing the information with us.

    ReplyDelete
  2. Hi!! Very usefull these submenu.
    How do I do to make the links in submenu open in the same window? and not a new one?

    Thanks.

    ReplyDelete
  3. I absolutely agree with the earlier comment, the net is with out a question growing in to the most crucial style of communication worldwide and it's due to internet sites such as this that ideas are spreading so swiftly.

    ReplyDelete
  4. This is a helpful post. Thanks for sharing it.

    ReplyDelete
  5. Good code. Simple but useful. Rodrigo Pereira -> change _blank in the html code to _self. Open in the same windows.

    ReplyDelete
  6. If you don't go after what you want, you'll never have it. If you don't ask, the answer is always no. If you don't step forward, you're always in the same place.


    ________________________________________________
    Tera Online
    Runescape Gold
    Tera Gold
    buy eden gold

    Tera Gold
    Buy Runescape Gold
    Tera Item

    ReplyDelete
  7. Well Done! Thanks for sharing the information with us.
    I absolutely agree with the earlier comment, the net is with out a question growing in to the most crucial style of communication

    ReplyDelete
  8. Well Done! Thanks for sharing the information with us.
    I absolutely agree with the earlier comment, the net is with out a question growing in to the most crucial style of communication


    MapleStory Mesos
    Buy MapleStory Mesos
    Sell MapleStory Mesos

    ReplyDelete
  9. If you don't go after what you want, you'll never have it. If you don't ask, the answer is always no. If you don't step forward, you're always in the same place.logo design

    ReplyDelete
  10. Lord information along Cheapest Diablo 3 goldwith ideas, which we all need! I actually enjoy the actual endeavours produced by anyone due to this. Well Done! Many thanks discussing Cheap wow goldthe details with us.

    ReplyDelete
    Replies
    1. Awesome information. I am really surprised with this topic. Keep up the good work and post more here to read. Custom Logo Designs

      Delete