Come aggiungere un logo personalizzato all'intestazione Tumblr (come WikiAnswers)
I temi predefiniti di Tumblr non supportano un logo persistente nella barra superiore. Per ottenere quel logo "A blu con tre linee" di WikiAnswers sempre visibile, hai bisogno di un tema personalizzato.
Due strade
1. Installa un tema pre-made (nessun codice)
- Naviga nel giardino temi ufficiale di Tumblr o mercati come ThemeForest.
- Filtra per "logo intestazione," "immagine intestazione personalizzata" o "branding."
- Anteprima → Installa → Personalizza → Carica il tuo logo (SVG/PNG, sfondo trasparente).
2. Costruisci il tuo (HTML/CSS)
- Abilita "Modifica HTML" nel Personalizzatore Temi.
- In ``, aggiungi il tuo logo SVG o `` dentro un `
` a posizione fissa. - Stile con CSS: `position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: white;`.
- Salva. Testa su mobile/desktop.
Snippet minimo:
<style> #custom-header { position:fixed; top:0; left:0; right:0; height:48px; background:#fff; border-bottom:1px solid #eee; display:flex; align-items:center; padding:0 16px; z-index:9999; } #custom-header img { height:28px; } body { padding-top:48px; } </style> <header id="custom-header"><img src="YOUR_LOGO_URL" alt="Logo"></header> Se non sei a tuo agio con il codice, la Strada 1 è più veloce e sicura.