Come modificare il widget Etichette in Blogger in un menu a tendina .

Menù a tendina verticale colorato con le etichette di Blogger. | IdpCeIn

Per trasformare il widget predefinito delle Etichette di Blogger in un menu a tendina (<select>), è necessario modificare il codice XML del tema, poiché Blogger non offre questa opzione nativa nei gadget standard.

1.Effettua un backup del tema:Sicurezza preliminare.

Accedi alla dashboard di Blogger, seleziona Tema dal menu a sinistra, clicca sui tre puntini accanto al pulsante "Personalizza" e scegli Backup per scaricare una copia di sicurezza del tuo template.

Verifica: Il file in formato .xml viene scaricato correttamente sul tuo computer.

2.Apri l'editor HTML:Accesso al codice.

Sempre nella sezione Tema, clicca sui tre puntini e seleziona Modifica HTML.

Verifica: Si apre l'editor di codice sorgente del tuo blog all'interno della schermata.

3.Trova il widget delle etichette:Individuazione ID.

Clicca all'interno dell'editor dei codici, premi i tasti Ctrl + F (o Cmd + F su Mac) per aprire la barra di ricerca e cerca la stringa type='Label'. Individua il blocco del widget corrispondente (ad esempio <b:widget id='Label1' type='Label' ...>).

Verifica: Il blocco di codice relativo al widget delle etichette viene evidenziato dall'editor.

4.Sostituisci il contenuto con il menu a tendina:Modifica XML.

All'interno del widget, individua la porzione di codice che genera la lista dei link e sostituiscila interamente inserendo il seguente blocco basato sul tag <select>:

XML

<select class='label-dropdown' onchange='if(this.value) location.href=this.value;'>
  <option value=''>Seleziona un'etichetta...</option>
  <b:loop values='data:labels' var='label'>
    <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>)</option>
  </b:loop>
</select>

Verifica: Clicca sul pulsante di salvataggio (l'icona del dischetto in basso a destra) e assicurati che compaia la notifica verde "Aggiornamento riuscito" senza errori di sintassi.

Commenti

nome-foto