Blogger Trick: How to make Dropdown Menu

In Blogger, we each post will be automatically archived each month. The problem is, if we have been blogging for a year, the archives from January to December will be a line in your sidebar. What if two, and three more years? Your blog will appear to be not good. Step simple and easy way to smarten Blog Archive, is to make the Dropdown Menu. Please see below:

- Archives -
January 2009
February 2009
March 2009
April 2009
May 2009
June 2009
July 2009
August 2009
September 2009
October 2009
November 2009
December 2009


So, how many months or years we are blogging in Blogger (Blogspot), the month that will not meet and fall in line length in the sidebar. It's just look "Archives", after you clicking that, the month archives will appear. Please Follow these Steps:

1. Login to your Blogger Account

2. Go to Layout Tab

3. Click Add a Gadget

4. Choose Blog Arvhive

5. At Style, check in radio button of Dropdown Menu

6. Then Save



Now, I will tell you how to make Dropdown Menu and you can customized by yourself. The result just like this:

Bloger Trick For You

How to create a Blog

How to setting a Blog

How to use the Blogger Templates

How to setting Fonts and Colors

How to Post

How to Setting My Profile

How to make a Link

How to make Link Result to New Page

How to make Link Title

How to make Read More Part 1

How to make Read More Part 2

How to make Text Area

To make it, follow these steps:

1. Login to your Blogger Account

2. Go to Layout Tab

3. Click Add a Gadget

4. Choose HTML/JavaScript

5. Copy this code:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>MAIN MENU TITLE</OPTION>




<option value="URL HERE">URL TITLE HERE</option>
</select></form>

<option value="URL HERE">URL TITLE HERE</option>
</select></form>




Example:

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



<option>Bloger Trick For You</option>



<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-create-blog.html">How to create a Blog</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-blog.html">How to setting a Blog</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-select-and-use.html">How to use the Blogger Templates</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-fonts-and.html">How to setting Fonts and Colors</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-post.html">How to Post</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-my-profile.html">How to Setting My Profile</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-link.html">How to make a Link</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-tricks-how-to-make-link-result.html">How to make Link Result to New Page</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-link-title.html">How to make Link Title</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-read-more.html">How to make Read More Part 1</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-read-more_22.html">How to make Read More Part 2</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-text-area.html">How to make Text Area</option>

</select></form>

6. Then paste on the form

7. Change the Main Menu Title, URL Title and URL with you want

8. Save


Good Luck.