Drop down Previous entries [eng]

Home » Tutorials for Blogging » Drop down Previous entries [eng]

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


<ul>
<bloggerpreviousitems>
<li>
   <a href=“<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a>
</li>
</bloggerpreviousitems>
</ul>

and replace it with this new code:

<p style="text-align: center">
<select name="PreviousItemsMenu" 
onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">- Recent Posts -</option>
<bloggerpreviousitems>
<option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$>
</option>
</bloggerpreviousitems>
</select>
</p>

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

drop entries

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 .