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

The name of this menu is drop down menu.
To make the dropdown menu, you only make the code be like this :

<select name=”menu” onchange=”[this.selectedIndex].value,’_blank’)” size=”1″><option selected=”selected” value=”0″> Your text title here! </option>  <option value=” your address link here “> the text here will be display </option> </select></form>

For example, the code such as the following : 

<select name=”menu” size=”1″>  <option>- Blog Tutorial – </option>    <option value=””>What is blogging</option>  <option value=””>Cyber Cafe Business</option>  <option value=””>Customize Domain Name For Your Blog</option>  <option value=””>Remove Powered By Blogger</option>  </select></form>

This is the result :
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 Elements tab. See the picture below :
  4. page element

  5. Click at Add a Gadget.
  6. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :
  7. javascript

  8. Click   save changes   To See the Result

Originally posted on May 8, 2011 @ 2:23 pm

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.