Drop down Previous entries

Home » Tutorials for Blogging » Drop down Previous entries

Su blogger è possibile ottenere la lista degli ultimi post anche in forma di drop down menu, alias con un menu a tendina.
Per averlo basta sostituire il codice con relativo tag, alias questo sui miei templates:


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

con questo:

<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>

Se avete fatto tutto bene, i vostri archivi appariranno così:

drop entries

Se volete modificare l’aspetto del menu, quello che dovete fare è aggiungere questa voce nel codice CSS del template:

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

Di solito consiglio di utilizzare lo stesso stile usato per le voci input,textarea ma potete ovviamente scegliere quello che preferite.

Script by BlogFresh .