Come aggiungere una barra di navigazione al tuo blog Tumblr

La barra di navigazione di Tumblr (link in alto: Home, Archivio, Chiedi, ecc.) dipende dal tema. Ecco come abilitarla/personalizzarla su Tumblr moderno.

Tramite personalizzazione tema (la maggior parte dei temi)

1. Accedi → Impostazioni (icona ingranaggio) → Il tuo blog → Modifica tema.
2. Nel pannello sinistro, trova la sezione Navigazione o Intestazione.
3. Attiva "Mostra barra di navigazione" / "Mostra link intestazione" su ON.
4. Personalizza:
   • Link: Aggiungi URL personalizzati (Pagine, Tag, Esterni). Etichetta + URL.
   • Stile: Menu a tendina / Barra / Schede. Colori, font, effetti hover.
   • Posizione: In alto fisso, statico, sotto intestazione.
5. Clicca Salva (alto a destra).

Se il tuo tema non ha opzioni di navigazione

1. In Modifica tema, clicca "Modifica HTML" (alto a destra).
2. Trova la sezione <nav> o <header>.
3. Aggiungi link manuali:

   <nav class="custom-nav"> <a href="/">Home</a> <a href="/archive">Archivio</a> <a href="/ask">Chiedi</a> <a href="https://esempio.com">Link</a> </nav> 

4. Aggiungi CSS nella casella "Aggiungi CSS personalizzato":

   .custom-nav { display:flex; gap:1rem; padding:1rem; background:#fff; border-bottom:1px solid #eee; } .custom-nav a { color:#333; text-decoration:none; font-weight:500; } .custom-nav a:hover { color:#0066cc; } 

5. Salva.

Usa Pagine per i link di navigazione

1. Impostazioni → Pagine → Aggiungi una pagina.
2. Titolo = etichetta nav. Contenuto = contenuto pagina.
3. Attiva "Mostra un link a questa pagina" su ON.
4. Ordina tramite trascinamento.

Mobile

La maggior parte dei temi comprime la nav in menu hamburger su mobile. Testa dopo aver salvato.

Le modifiche sono live istantaneamente. Anteprima prima di salvare.