Drop Down Menu For Blogger



Drop Down Menu For Blogger as everybody would like it in the blog more enough i have found thousands of people searching it on internet.Then i thought of having an tutorial on it. What is Drop Down Menu ? Its Just and widget where one choose an option and click the menu he like , then new window will open with the option selected. Below is the demo of it.



Now how to make this drop down menu.

Just GO To ,

LAYOUT > ADD PAGE ELEMENT > HTML /JAVASCRIPT

Add the below codes to it 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://yourlink.com">Title One</option>

<option value="http://yourlink.com">Title second</option>

<option value="http://yourlink.com">Title Third</option>

<option value="http://anshuldudeja.blogspot.com">blogger widget</option>

</select></form>


* Change the links and text in red according to your blog menu.

You can increase the options in codes to increase your drop down menu links.

Width of drop down menu depends on the length of the titles you using in them.

Bye friends see you tomorrow with my new post babai.

7 comments:

zujoe said...

Very nice info here...I really love this blog...

Let's Eat Cheap said...

Thanks! This is really great, I'm curious though, I'm trying to make my links open in the same window rather than another one (or instead of opening in a new tab)


Any suggestions? I can see what I need to change, but I don't know how. Please help!

Anshul said...

ya in beggining of codes there is word _blank

replace it with _self . Now window will open on that same page.

Let's Eat Cheap said...

Perfect, worked beautifully. you have the best widgets! I love your blog :D

sushama said...

Thank you... that's a very nice widget.

Your blog is great... wonderful information and knowledge. Really good work...

Post a Comment