Tuesday, December 28, 2010

Blogger Trick: How to make Dropdown Menu

0 comments
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://blogwidgetbox.blogspot.com/2010/12/blogger-trick-how-to-make-dropdown-menu.html">How to create a Blog</option>

<option value="http://blogwidgetbox.blogspot.com/2010/12/blogger-trick-how-to-make-dropdown-menu.html">How to setting a Blog</option>

<option value="http://blogwidgetbox.blogspot.com/2010/12/blogger-trick-how-to-make-dropdown-menu.html">How to use the Blogger Templates</option>

<option value="http://blogwidgetbox.blogspot.com/2010/12/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.

0 comments:

Post a Comment

Followers

There was an error in this gadget
Blogumulus by Roy Tanck and Amanda Fazani
Free Blogger Tips, Hacks, Widgets, Templates and more