home
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:
- Go to Layout in your Dashboard.
- Click on Add a gadget where you want to add your menu.
- Select HTML/JavaScript gadget from the gadgets.
- 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>
<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.
Home
+ comments + 6 comments
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?
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!
I have just tested this in chrome and it worked properly.
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