Visualizzare le etichette di Blogger in un menu a tendina

Per quanto le etichette del mio blog non siano ancora moltissime, mi sembrava comunque troppo lo spazio che occupano. Perciò mi sono messa a cercare qualche soluzione in rete e ho trovato un’ottima idea su BloggingTips. Nel post in questione, scritto da Amanda Fazani di BloggerBuster, viene spiegato come creare un menu a tendina che contenga le etichette del proprio blog.

Le istruzioni da seguire sono molto semplici.

Per prima cosa bisogna andare nella pagina in cui si può modificare l’html del template (Layout > Modifica HTML) e scaricare il modello completo in modo da averne una copia di backup per ogni evenienza.

Dopodiché si deve localizzare nel codice del template, nell’editor di Blogger, questa riga:

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

a tale scopo si può usare la funzione “Cerca” del proprio browser (in Firefox, Epiphany e anche IE7 la scorciatoia da tastiera è CTRL+F, in Safari è Mela+F).

Una volta trovata la riga bisogna sostituirla con questo codice:

<b:widget id='Label1' locked='false' title='Labels' type='Label'><b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'>
<br /><select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'><option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)</option></b:loop></select>
<b:include name='quickedit'/></div></b:includable></b:widget>

Attraversoi i pulsanti posti sotto l’editor HTML è possibile visualizzare l’anteprima del blog e poi salvare il modello. Se si preferisce una diversa dicitura rispetto a “Select a label”, basta modificare a proprio piacimento la frase (indicata in rosso) nella riga