Create Dropdown Menu

·







Buzz It

The dropdown menu can be made in order to save space our blog, especially the sidebar we have already met with various widgets to be so crowded.
How to make it.....? Follow the steps:
  1. First, login to Blogger.com / Blogspot.com
  2. Click "Page Element"
  3. Select Add Page Elements --> HTML/JavaScript

Then enter the following script:

<form>
onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Artikel</option>
<option value="http://secretbloggertips.blogspot.com/2009/04/install-google-translator-2.html">1. Install Google Translator 2</option>
<option value="http://secretbloggertips.blogspot.com/2009/04/create-related-post.html">2. Create Related Post</option>

<!-- Add Link Here -->

</select>
</form>



The result is as follows:










If you want open in a new window, the steps are as follows::


<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> - Articles - </option>
<option value="http://secretbloggertips.blogspot.com/2009/04/install-google-translator-2.html">1. Install Google Translator 2</option>
<option value="http://secretbloggertips.blogspot.com/2009/04/create-related-post.html">2. Create Related Post</option>

<!-- Add Link Here -->

</select>
</form>



The result will be like this:





Related Posts



1 comments:

Mindanaoan said...
June 02, 2009  

Thank you! This has been very helpful...been looking for a good code for a dropdown blogroll menu and this has been the best answer/help so far. Thanks!

Post a Comment

Translator

Custom Search
Indonesia English French German Spain Italian
Dutch Russian Portuguese Japanese Korean Arabic

Wallpaper

Ceck These Out

-->

U'R Comment



-->