How make the menu drop down?

Do you ever seen the menu such as menu below? please click at the menu to see the effect of this menu :

- Blog Tutorial - Start to blogging Blog setting Backup template backup widget

The name of this menu is drop down menu.

To make the dropdown menu, you only make the code be like this :

 

Your text title here!

your address link here "> the text here will be display

 

For example, the code such as the following :

- Blog Tutorial -

http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging

http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting

http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template

http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget

 

This is the result :

- Blog Tutorial - Start to blogging Blog setting Backup template backup widget

You can make the drop down menu more than one, just make the code more than one, so very simple.

 

Now, how to add this code to your blog. This is the step :

1. Login to blogger with your ID
2. After entering the dasboard page , click Layout. Please saw the picture :

 



 

3. Click at Page Element tab. See the picture below :

 



 

4. Click at Add a Page element.
5. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :

 



 

6. Copy and paste the code below into available column :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"> <option>- Blog Tutorial - </option> <!-- change the links with your own --> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget</option> </select></form>






7. Click      



8. Finish. Please see the result.

 

Ok brother, now you have a dropdown menu at your blog. Or maybe you still confused with the step above? don't worry i have an easy way to do it, just click the button below, login to your blog and the widget will add to your blog automatically:

- Blog Tutorial - Start to blogging Blog setting Backup template backup widget

Add a dropdown in the sidebar of your blog.

 

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"> <option>- Blog Tutorial - </option> <!-- change the links with your own --> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget</option> </select></form>

 

Have a nice day My friends. See you at my next post