How to make Dropdown Menu

Sunday, January 19, 2014

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:

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:

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>