Hvordan få et navigasjonsfelt for Tumblr

Standard tema på Tumblr inkluderer ikke en navigeringslinje, men du har mulighet til å legge til en rullegardinmenyen ved hjelp av en kombinasjon av Hypertext Markup Language (HTML) og Javascript-kode. Dette navigasjonsmeny vises over hvert blogginnlegg, og når en besøkende klikker det, er en liste over sider forutsatt, slik at brukeren kan enkelt hoppe til ønsket side. Skriv inn koden som skaper en navigeringsfunksjon på Tumblr nettstedet ved hjelp av verktøyene i kontoen din.

Bruksanvisning

1 Logg deg på Tumblr-konto og klikk på bloggens tittel i menylinjen. Klikk på "Tilpass utseende" knappen i høyre kolonne for å få tilgang til siden hvor du designe bloggen din.

2 Plasser markøren i tekstboksen Beskrivelse under tittelen delen på venstre side. Skriv inn følgende kode:
<Form action = "../">
<Velg OnChange = "window.open
(This.options [this.selectedIndex] .Value, '_ top') "style =" font-size: 11px; text-align: left; font-family: arial; ">
<Option value = ""> Navn på Meny </ option>
<Option value = "URL-adresse"> Lenkenavn </ option>
<Option value = "URL-adresse"> Lenkenavn </ option>
<Option value = "URL-adresse"> Lenkenavn </ option>
</ Select> </ form>

3 Erstatt "Navn på Meny" entry mellom det første settet med opsjons tagger med navigasjons tittelen du foretrekker (for eksempel "lenker"). Videre angir websideadresser i stedet for hver "URL-adresse" oppføring, og skriv inn sidenavnene mellom opsjons koder for å definere hvor de besøkende går når hun klikker på linken. Å illustrere:
<Option value = ""> Lenker </ option>
<Option value = "Nettsted" rel = "nofollow" target = "_blank"> http: //www.website1.com&quot;> Webside 1 navn </ option>
<Option value = "Nettsted" rel = "nofollow" target = "_blank"> http: //www.website2.com&quot;> Website to navn </ option>
<Option value = "Nettsted" rel = "nofollow" target = "_blank"> http: //www.website3.com&quot;> Website tre navn </ option>

4 Klikk på "Lagre" -knappen øverst og klikk på "Close" for å gå tilbake til bloggen din.

Hint

  • Du kan legge til flere koblinger til rullegardinlisten ved å skrive inn følgende linje så mange ganger du trenger før den avsluttende </ select> tag:
  • <Option value = "URL-adresse"> Lenkenavn </ option>