Hoe krijg je een navigatiebalk voor Tumblr

Het standaard thema op Tumblr bevat geen navigatiebalk, maar je hebt de mogelijkheid om een ​​drop-down menu met een combinatie van HyperText Markup Language (HTML) en JavaScript-code toe te voegen. Dit navigatiemenu verschijnt boven elk blogartikel, en wanneer een bezoeker erop klikt, wordt een lijst van pagina's voorzien, zodat de gebruiker gemakkelijk kan springen naar de gewenste pagina. Voer de code die een navigatie-functie creëert op uw Tumblr site met behulp van de hulpprogramma's in uw account.

instructies

1 Meld u aan bij uw Tumblr-account en klik op de titel van uw blog in de menubalk. Klik op de "Customize verschijning" knop in de rechter kolom om toegang te krijgen tot de pagina waar u uw blog te ontwerpen.

2 Plaats uw cursor in het Beschrijving tekstvak onder de sectie titel aan de linkerkant. Typ de volgende code:
<Form action = "../">
<Select onchange = "window.open
(This.options [this.selectedIndex] .value, '_ top') "style =" font-size: 11px; text-align: left; font-family: Arial ">
<Option value = ""> Naam van het Menu </ option>
<Option value = "URL"> Link Name </ option>
<Option value = "URL"> Link Name </ option>
<Option value = "URL"> Link Name </ option>
</ Select> </ form>

3 Vervang de "Naam van Menu" entry tussen de eerste set van de optie tags met de navigatie-titel die u de voorkeur aan (bijvoorbeeld "Links"). Verder voert Adressen van webpagina's in plaats van elke "URL-adres" entry, en typ de pagina namen tussen de optie-tags aan te wijzen waar uw bezoeker gaat als ze de link klikt. Illustreren:
<Option value = ""> Links </ option>
<Option value = "Website" rel = "nofollow" target = "_blank"> http: //www.website1.com&quot;> Website 1 Naam </ option>
<Option value = "Website" rel = "nofollow" target = "_blank"> http: //www.website2.com&quot;> Website 2 Naam </ option>
<Option value = "Website" rel = "nofollow" target = "_blank"> http: //www.website3.com&quot;> Website 3 Naam </ option>

4 Klik op de knop "Save" aan de bovenkant en klik op de knop "Sluiten" om terug te keren naar uw blog.

Hints

  • U kunt meer links naar uw drop-down lijst toe te voegen door het invoeren van de volgende regel zo vaak u nodig heeft voor de afsluitende </ select> tag:
  • <Option value = "URL"> Link Name </ option>