TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

Have you seen picture below ? Favourite Sites Google Yahoo MSN Youtube Etc. This is drop down menu. Drop down menu ... nopict

How to Add Drop Down Menu in Blogger

Have you seen picture below ?


This is drop down menu. Drop down menu displays huge lists of links of a blog.

How to add drop down menu widgets on your blog ?

1. Go to Dashboard, click Design, click Add a Gadget

2. Click HTML/JavaScript

3. Place code of HTML below into HTML/JavaScript

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

<option>The Main Title</option>

<!-- change the links with your own -->
<option value="http://linkofsite.com">First Title</option>
<option value="http://linkofsite.com">Second Title</option>
<option value="http://linkofsite.com">Third Title</option>
</select></form>
<!--Drop-Down-Menu-END-http://tutorialwebforblogger.blogspot.com-->

NOTES :
  • The Main Title: It's a main title, you can change it as you like. Example: Favourite Sites

  • http://linkofsite.com : It's URL of link, you can change it with your URL of link. Example : http://www.google.com, http://www.yahoo.com

  • First Title, Second Title, Third Title: These are title of URL of Links, you can change these with your title of URL of links. Example: Google, Yahoo, Youtube

4. Click Save and Done.

Now you've already added drop down menu widgets on your blog.

There are no comments yet for 'How to Add Drop Down Menu in Blogger'