Come ottenere una barra di navigazione per Tumblr

May 24

Il tema di default su Tumblr non include una barra di navigazione, ma si ha la possibilità di aggiungere un menu a discesa utilizzando una combinazione di HyperText Markup Language (HTML) e il codice JavaScript. Questo menu di navigazione appare sopra ogni voce del blog, e quando un visitatore fa clic su di esso, una lista delle pagine è fornito in modo che l'utente può comodamente passare alla pagina desiderata. Inserire il codice che crea una funzione di navigazione sul tuo sito Tumblr utilizzando gli strumenti nel tuo account.

istruzione

1 Accedi al tuo account Tumblr e fare clic sul titolo del tuo blog nella barra dei menu. Fare clic sul pulsante "Personalizzare l'aspetto" nella colonna a destra per accedere alla pagina in cui si progetta il tuo blog.

2 Posizionare il cursore nella casella di testo Descrizione sotto la sezione titolo sul lato sinistro. Digitare il seguente codice:
<Form action = "../">
<Select onchange = "window.open
(This.options [this.selectedIndex] .value, '_ top') "style =" font-size: 11px; text-align: left; font-family: Arial; ">
<Option value = ""> Nome di Menu </ option>
<Option value = "URL"> link Nome </ option>
<Option value = "URL"> link Nome </ option>
<Option value = "URL"> link Nome </ option>
</ Select> </ form>

3 Sostituire la voce "Nome di Menu" tra il primo set di tag di opzione con il titolo di navigazione che preferite (ad esempio, "Links"). Inoltre, inserire gli indirizzi delle pagine Web al posto di ogni voce "URL", e digitare i nomi di pagina tra i tag di opzione per indicare dove il visitatore va quando si fa clic sul collegamento. Illustrare:
<Option value = ""> Link </ option>
<Option value = "Sito" rel = target "nofollow" = "_blank"> http: //www.website1.com&quot;> Sito 1 Nome </ option>
<Option value = "Sito" rel = target "nofollow" = "_blank"> http: //www.website2.com&quot;> Sito web 2 Nome </ option>
<Option value = "Sito" rel = target "nofollow" = "_blank"> http: //www.website3.com&quot;> Sito 3 Nome </ option>

4 Fare clic sul pulsante "Salva" in alto e fare clic sul pulsante "Chiudi" per tornare al tuo blog.

Consigli e avvertenze

  • È possibile aggiungere più link al tuo elenco a discesa inserendo la seguente riga quante volte si richiedono prima della chiusura </ select> tag:
  • <Option value = "URL"> link Nome </ option>