Tuesday, September 15, 2009

How to add drop-down menu in your blog?


Hello,

Have you noticed that there is a drop-down menu in the right-sidebar of my blog. If you select a value from this menu, it will redirect you to the corresponding blog. In this post, we will discuss that how to create such menu.

Step1:- Select the section of page, where you want to place this Drop-down menu.

Step2:- Select "Add a Gadget".

Step3:- Select HTML/JavaScript (Add third-party functionality or other code to your blog.)

Step4:- Paste below mentioned HTML code in the gadget. Save the gadget.

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://google.com">Google</option>
<option value="http://blogger.com/">Blogger</option>
<option value="http://gmail.com/">Gmail</option>
<option value="http://diy-blogspot.blogspot.com/">diy-blogspot</option>
</select>
</form>
 
 
Please replace URL of the page and name, you want to redirect to.
 
Its done now. Drop-down menu has been appeared to your blog. Verify it, now.
 
Thanks,
B.O.


For Further Reading,
drop-down menu, Gadget

0 comments:

Post a Comment

 

Popular Posts

Popular Posts On EAB

Demo Donation
This demonstration will accept a fixed amount of $0.05.

Man Behind This Blog

My Blogs