How Creating Dropdown Menu

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


So, how many months / years we are blogging in blogger / blogspot, the menus are the months they will not meet long and lined up in your sidebar. Who looks just the name of "Archives", it was only after the click, will display the name in our archives.
To make this pulldown archives there are two bloggers with a template that is to classical, and new templates. For classic template steps, namely:

   1. Log in to check your id blogger.com dg


   2. Click Template


   3. In the sidebar of your blog archives section, there are the following html code:


      & <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 are DONE, click republish.


   6. Done.

For those of you who use the new template, easier pace that is:

   1. log in first, of course with your id


   2. click LAYOUT


   3. Click Page Elements, locate the element (box) that reads Blog Archive


   4. Click Edit on the box earlier Blog Archive


   5. In addition to the writing style there are a few radio buttons, select the radio button labeled Dropdown Menu by giving a tick / 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 make a dropdown menu that its inside is the link, I take the example for my own personal Dropdown menu located on the right above that 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> value=0 <option selected> article here that will appear first </ OPTION>
<option value="isi with the addresses you want in tuju"> writing here that will appear </ option> </ select> </ form>
For example for mine Dropdown menu:
<form> <select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> - Blog Tutorial - </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html"> Create a Blog </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html"> Blog setting </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html"> Selecting Templates </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html"> colors & letters </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html"> Post Article </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html"> Read more (1) </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html"> Text area </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html"> Blogger Emoticons </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html"> Yahoo! Emoticons </ option>
<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html"> Download Free </ option>
</ Select> </ form> 

Easy is not it? Good luck!

source :
http://kolom-tutorial.blogspot.com