22

Drop-down Menu Bar Widget


This compact menu bar saves a lot of space in your blog's sidebar. It can also be used for your links, sponsors, categories, etc. If you want to open the page in the same window you can try and replace "window.open" in the code with "window.location.replace". If you would like to create your own, copy and paste the code way down below. Replace the given links and titles to your own personal links and titles.

  • In order to change the width of the menu bar, search for this line of code.
style="width: 160px;"
  • Change the number 160 to any desired width of your choice.
Here is the code:


Subscribe for Free Updates:

22 comments:

Matt P said...

Thanks so much,
I found this to be very useful!

William said...

This works well with my site.

JohnF said...

Thanks John!
Hand for me and my site.

Lenny Oberg said...

I need to remove this page element...how do I do it? When I "Edit" the add on there is no place to "remove it" What do I do?

Thanks

Lenny

widgetsforfree said...

Lenny,
I have never experienced this before.
Try waiting a little, and come back later and try again.

I'm quessing this is only a temporary error and has nothing to do with the drop down menu bar.

If this does not work, let me know.
-John

Cmerie said...

Thank you so much for this

Mrs. Who said...

Thanks!!! I have been looking for a drop down menu so I could list all my newspaper posts. I'll use this right away.

CrazyPinoy said...

thanks!! very useful.

Shelia said...

I searched Google and was led to this site for a drop down widget. I'm very glad that it did. The widget is perfect!

TheCreator said...

THNX THNX THNX ...greetz from Berlin

Puzzle Me said...

It sure does save my sidebar from hell. I love things that are compact like this great drop down.

Jake said...

Very very nice! Worked easy and is very helpful. Thanks!

dorsey said...

Here explained dropdown menu in very nice way.
thanks for sharing it.
It is very useful to me in my Web design services

eeeian1 said...

i want to learn how to use 2 sidebars area for a widget like you have used for entering email address ,then again have 2 sidebars.plz guide me

Hilda's Mum said...

that's very helpful, so i could list all my friend list without looking lengthy in my sidebar..

Luis said...

If I use this dropdown menu the page rank transfers on the links inside dropdown menu? Thanks

Anonymous said...

parent.window.location.replace

Alloed me to replace the existing page with the one selected in the drop down menu.

Thanks for the code - it works awesome...

the co-pilot said...

Love this widget. I've noticed a problem though and wondering if you know how to fix it. I have a few "options" that are a line of dashes ('-------') to use as separators between parts of the list and also the "title" of the list is 'Choose One:'. If I click on the dashes or come back after clicking a real link and then click 'Choose One:', I get a page not found message from Blogger. I noticed this on your example too. Is there a workaround? Also, I'd like to have 'Choose One:' be the selected option after a click without having to refresh the page. I'm still going to use this widget, but if you have tips on these issues, I'd be grateful. Thanks!

chewie said...

Hi and thanks. I am now using the drop down menu. It really clears the path on my wordpress. and looking neat. thanks

a.... said...

thats a nice post

J&D said...
This post has been removed by a blog administrator.
Anonymous said...

Can someone suggest how to make this a double drop down widget that opens in the parent window? I have exhausted every attempt to find one on the web. I can only copy and paste to get the code in an html widget on moonfruit.Any help would be ...awesome!! Thank you
DR

Post a Comment