News Update :
Home » , , , » Add a simple dropdown menu list to blogger blog

Add a simple dropdown menu list to blogger blog

Penulis : Arafat Mizan on Mar 5, 2013 | 7:22 PM

There are many types of menu in HTML. You can apply these type of menus in your blogger blog. If you know HTML before you can understand that creating a menu is not a difficult task. Here I am going to make a simple dropdown menu for your blogger blog. If your menu contains too much listings it may make your blog too hazy. Users will feel uneasy to find their desired subject. So it can be the solution to use a simple dropdown menu and set it to a corner of your blog.

Now take a look what you are going to do:



How to add a simple menu list to blogger blog:
This is a very simple task that even a beginner also can do it easily which is confined in only copy-paste task.
To add this dropdown menu follow the steps below:
  1.  Go to Layout in your Dashboard.
  2. Click on Add a gadget where you want to add your menu.
  3. Select HTML/JavaScript gadget from the gadgets.
  4. Copy the code below and paste it in your gadget content box.
<!-- TechnoCareBD.blogspot.com(dropdown menu) -->
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>
<option>Menu Title</option>

<option value="link1 URL">Link 1</option>
<option value="link2 URL">Link 2</option>
<option value="link3 URL">Link 3</option>
<option value="link4 URL">Link 4</option>

</select></form>

Change the red to your own menu title.
Change the Green to your link URL.
Change he Blue to your link title.

If you want to add more links just repeat the options and add your links

4.  Now Save the gadget and take a look with a preview and check it out.
Share this article :

+ comments + 7 comments

Anonymous
May 24, 2013

thank you, this code works perfect on my blog. I used this html widget on my blog to categorize items but it gives me a white background on the dropdown. How can i change the font and background of the dropdown list to be the same color and font of my blog design?

May 28, 2013

It's awesome designed for me to have a web site, which is useful in favor of my knowledge. thanks admin

My web blog: SEOZONEBD

June 06, 2013

Hi, I've applied this to my blog sometime ago & it was working fine until recently. The drop down menu in my blog at Luxury Haven just refused to open in Chrome, but it's working on IE8. Could you kindly advise? Much thanks!

June 07, 2013

I have just tested this in chrome and it worked properly.

Anonymous
May 26, 2014

How wonderful the post is! I wanted it many days ago. But i could not fine it any blog. Today, I am happy to your post about Add a simple dropdown menu list to blogger blog. It very attract me. i want your next post will be helpful for me.Create account for free Chat

Post a Comment

 
Privacy policy | Term of use | Widget | Advertise with Us | Site map
Copyright © 2011. :: TechnocareBD :: . All Rights Reserved.
Design Template by panjz-online | Support by creating website | Powered by Blogger