Wednesday, July 22, 2009

How to Make Drop Down Menu In Blogger Blog

What's it drop down menu? You probably know it a long time ago. Drop down menu is something look like below. What's the advantage using this trick to blogger? This trick maybe useful for blogger who don't have enough space in the template to add more links. So here is the step to add drop down menu to blogger.

Step 1. Go To Dashboard >> Layout >> Add HTML/Javascript Widget
Step 2. Copy the entire code below in HTML/Javascript widget.

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- TITLE_HERE -</option>
<!-- change the links with your own -->
<option value="YOUR_LINK_HERE">TITLE_HERE</option>
<option value="YOUR_LINK_HERE">TITLE_HERE</option>
<option value="YOUR_LINK_HERE">TITLE_HERE</option>
<option value="YOUR_LINK_HERE">TITLE_HERE</option>
</select></form>

Step 3. Change the red text to your own.
YOUR_LINK_HERE and TITLE_HERE

Step 4. Save it and preview your blog. It's done.



Tips : you can add as many links as you want. Just repeat this code as many as you want.
<option value="YOUR_LINK_HERE">TITLE_HERE</option>

That's all. Keep blogging.

Spread this article to the world

No comments:

Post a Comment

Subscribe to our blog to get the last update

Enter your email address: