Come creare una barra di Drop-Down Menu in Blogger

February 9

Per fare un menu a discesa nella sidebar blogger, creare un codice HTML per produrre il gadget. Personalizzare il codice per prendere i tuoi lettori a pagine specifiche sul tuo blog così come ai collegamenti esterni, come le pagine di Facebook o Twitter. Se qualunque link diventa obsoleto, è sufficiente modificare il gadget per rendere gli aggiornamenti necessari.

istruzione

1 Visitare il tuo blog e fare clic su "Design" nell'angolo in alto a destra. La pagina viene caricata Modifica di layout che consente di aggiungere e modificare i gadget.

2 Fare clic sulla funzione "Aggiungi un gadget" nella barra laterale. Selezionare l'opzione HTML / Java Script e appare una configurazione pop-out.

3 Saltare il campo Titolo, lasciandolo vuoto. Inserire nel campo Contenuto il seguente codice generico:

<Form> <select name = "menu" onchange = "window.open (this.options [this.selectedIndex] .value, '_ blank')" size = 1 name = Menu> <option> - Il tuo Menu Titolo - </ option> <option value = "Title" rel = "nofollow" target = "_blank"> http: //yourlink#1.com&quot;> Titolo One </ option> <value = "Title" rel = bersaglio opzione "nofollow" = "_blank"> http: //yourlink#2.com&quot;> Titolo Second </ option> <option value = "Title" rel = "nofollow" target = "_blank"> http: //yourlink#3.com&quot; > Titolo Terzo </ option> </ select> </ form>

4 Sostituire il codice "Your Menu titolo" con il testo di vostra scelta, ad esempio "Il mio blog Menu" o "Navigazione Guida." Sostituire "http: //yourlink#1.com&quot, con l'URL effettivo della prima voce nella lista, e sostituire" Titolo One "con il nome della pagina, come" Informazioni personali "Sostituire l'URL e titoli per il. . secondo e terzo voci all'interno del vostro menu a tendina seguono lo stesso modello codice da inserire ulteriori voci: <option value = "Title" rel = "nofollow" target = "_blank"> http: //yourlink#9.com&quot;> Titolo Nove </ option>. Accertarsi di inserire tutte le voci prima della chiusura "</ select> </ form>" codifica.

5 Fai clic su "Salva" e visualizzare il tuo blog per assicurarsi che la barra di discesa contiene il vostro menu, se lo desideri.

Consigli e avvertenze

  • Per inserire le informazioni URL accurate, si consideri il caricamento della pagina desiderata in un browser web separato e semplicemente copiare e incollare l'URL.
  • Nel caso in cui si fa clic su "Rimuovi" e "OK" nella parte inferiore della configurazione pop-out, il gadget sarà cancellato e il tuo codice HTML sarà perso.

Articoli Correlati