Drop down Archives [eng]

Home » Tutorials for Blogging » Drop down Archives [eng]

On Blogger it’s possible to set archives as a drop down menu.
All you have to do is replace this code, on my templates:


    <ul>  
    <bloggerarchives>
    <li><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li>
    </bloggerarchives>
    </ul>

and replace it with this new code:

<p style="text-align: center">
<select name="ArchiveMenu" 
onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">- Archives -</option>
<bloggerarchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</bloggerarchives>
<option value="/">Current Posts</option>
</select>
</p>

If everything is done correctly, you should see archives in this way:

drop archives

If you want to customize the appearence of the drop down list, all you have to do is to add in the CSS sheet this voice:

 select {
color: #000000;
background-color: #FFFFFF;
}

I usually use the same style of input,textarea voices but you can choose any colour and style you prefere.

Script by BlogFresh .