Creating Dropdown Menu

In the concept of blogs, each post we will automatically terarsip neatly every month. Each enters the new moon, like January, it will appear in December archives in the sidebar. The problem is, if we have been blogging a year, then the archive from January to December will be lined up on our sidebar. How about a two and three years' time? Practical steps to overcome this is to make the pull-down menu as below:

- Archives - January 2010 February 2010 March 2010 April 2010

So, how many months / years we are blogging in blogger / blogspot, the menu months is not going to meet and fall in line length in our sidebar. Who looks just the name of "Archives", it was only after the click, will display the name of the month our archives.

To make this pulldown archives there are two bloggers with a template that is for the classics, and new templates. For the classic template are the steps as follows:


1. Log into blogger.com with your id
2. Click Templates
3. In the sidebar of your blog archives section, there's html code as follows:

&<BloggerArchives>
<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>
</BloggerArchives>

4. Well, replace the code above dg html code below:

<select name="archivemenu"
onchange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>

5. When finished, click SAVE CHANGES. When you've DONE, click republish.
6. Done.

For those of you who wear the new template, easier steps, namely:

1. log in, certainly with your id
2. Click the Layout
3. Click PAGE Elements, search element (box) that reads Blog Archive
4. Click Edit on the box this Blog Archive
5. In addition to the writing style there are a few radio buttons, select the radio button
labeled Menu with Dropdown tick mark / check
6. Click Save Changes
7. Completed

Well the above statement is the steps to create a Dropdown menu for Archives, which now how do I create a dropdown menu in its existing link, and I take the example for my own personal Dropdown menu in the upper right which contains the words "blog tutorial ". To make it please you copy the HTML code below:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>

<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option></select></form>

For example mine Dropdown menu:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option>- Examples Blog -</option>
<option value="http://downloadmp3indonesia.net/">Download Mp3 Indonesia</option>
<option value="http://infowisataindonesia.com/">Info Wisata Indonesia</option>
<option value="http://bagusriyanto.com/">Obyek Wisata</option>
<option value="http://bagusriyanto.com/">Belajar Ngeblog</option>
<option value="http://liriklagulirla.blogspot.com/">Lirik Lagu</option>
<option value="http://chordlaguindonesiaterbaru.blogspot.com/">Chord Lagu</option>
</select></form>

The result will be like this:

- Examples Blog - Download Mp3 Indonesia Info Wisata Indonesia Obyek Wisata Belajar Ngeblog Lirik Lagu Chord Lagu

Easy is not it? Good luck!