Tuesday, May 26, 2009

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:



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>


6. Then paste on the form

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

8. Save


Good Luck.

Subscribe Newsletter for Free with us to get any new post from Blogger Trick For You. Please fill your email on the box below, and click Subscribe. We will not share your email address. Because we would appreciate your privacy.

Comments :

6 comments to “Blogger Trick: How to make Dropdown Menu”

Simple, elegant, awesome. Thanks a million!

Smitty D said...
on 

It is a valuable piece

Flash Poker said...
on 

Thanks it has been a fantastic help, now to make dropdown menu is without a doubt simple with the help of your information. Thank you

Rachat de credit said...
on 

Thanks For This Finally I Founded this.Nice Helped A Lot Thanks.

Varinder Pal Singh said...
on 

Hi, I've applied this to my blog sometime ago & it was working fine until recently. The drop down menu in my blog at Luxury Haven just refused to open in Chrome, but it's working on IE8. Could you kindly advise? Much thanks!

Shirley Tay said...
on 

i want to insert the archive in my post(page). not at the sidebar. could you teach me? please

rere ismail said...
on 

Post a Comment

New Old Home