Come fare un Header discesa in Blogger

February 3

Inserendo un gadget codice HTML in Blogger, è possibile inserire il codice per un colpo di testa a discesa per caratterizzare qualunque pagine o URL diretti vorresti caratterizzare nella parte superiore del tuo blog. È possibile personalizzare il numero di voci elencate nel menu a discesa, e si può anche personalizzare se il menu ha una parte di sinistra, destra o centro di allineamento rispettivamente a l'intestazione e blog.

istruzione

1 Visitare il tuo blog e fare clic sul Design nell'angolo in alto a destra. Sarete trasferiti alla vista Elementi pagina in cui è possibile fare clic sul Aggiungi una caratteristica gadget si trova proprio sotto l'intestazione. Clicca su HTML / Script Java, e apparirà una finestra di dialogo Configura.

2 Inserire il codice di discesa generico nel campo Contenuto, lasciando vuoto il campo Titolo. Il codice base è la seguente:

<Form> <select name = "menu" onchange = "window.open (this.options [this.selectedIndex] .value, '_ blank')" size = 1 name = Menu> </ option> - Lista Titolo - <option value = "http: //yourlink#1.com&quot; /> link Titolo One <option value =" http: //yourlink#2.com&quot; /> Collegamento Titolo Second <option value = "http: //yourlink#3.com&quot; /> link Titolo Terzo </ select> </ form>

3 Eliminare la "Lista titolo" testo posto tenuta e inserire il titolo che si desidera che il menu a tendina per avere, come ad esempio "Luoghi da visitare" o "Categorie".

4 Eliminare l'URL "http: //yourlink#1.com&quot, e sostituirlo con l'URL diretto della sottosezione primo blog che si desidera elencato nel menu, ad esempio, se si dispone di una." Finta About Me "post, può inserire l'URL diretto di quel post nel primo spazio per un collegamento. Si vuole anche sostituire "link Titolo One" con un titolo appropriato come "About Me" o "Autore Bio". sostituire il posto detentori del vostro . URL e titolo per i tre collegamenti elencati nel codice generico Aggiungere una voce aggiuntiva, se si desidera inserendo un'altra linea generico dopo "link Titolo in terzo luogo," come ad esempio <option value = "http: //yourlink#4.com&quot; /> Collegamento Titolo Four. Personalizzare questa linea, e inserire una quinta linea personalizzata, se necessario.

5 Inserire un comando di allineamento, se lo desideri. Il menu a discesa si auto-allineare a sinistra, quindi non è necessario inserire alcuna codifica supplementare per mantenere un posizionamento di sinistra. Se si desidera che il menu centrato, però, inserire <center> prima che il resto del codice e inserire </ center> alla fine l'intero codice. Per un diritto-align, inserire <div style = "text-align: right;"> prima che l'altra codifica e inserire </ div> alla fine molto.

6 Fai clic su "Salva" e la finestra di dialogo Configura si chiuderà. Visualizza il tuo blog per assicurarsi che l'intestazione di discesa è stato correttamente attuato.

Consigli e avvertenze

  • Se durante la visualizzazione tuo blog si vede che uno dei link non funziona, tornare alla pagina di Elementi pagina e cliccare sulla Modifica che corrisponde al gadget / Java Script HTML sotto l'intestazione. È possibile modificare nuovamente la codifica, se necessario, fissare eventuali collegamenti interrotti.

Articoli Correlati