L'intestazione del tuo blog Tumblr offre una buona opportunità per promuovere il tuo marchio o logo, ma non è più visibile dopo che i visitatori hanno iniziato a scorrere i tuoi post. Per mantenere l'intestazione in posizione in modo che rimanga visibile anche mentre i visitatori scorrono verso il basso, è necessario modificare il codice HTML del tema Tumblr. Tumblr ti dà accesso al codice sorgente del tema selezionato e puoi visualizzare in anteprima i risultati prima di salvare qualsiasi modifica.
Accedi al tuo account Tumblr e accedi alla pagina "Impostazioni" dalla tua dashboard.
Seleziona il tuo blog Tumblr dall'elenco a sinistra, quindi fai clic su "Personalizza" per accedere alla schermata di personalizzazione.
Fai clic su "Modifica HTML" per accedere all'editor del codice tema Tumblr integrato.
Scorri il codice e individua la sezione che definisce l'intestazione del tuo blog. La sezione differisce a seconda del tema che si sta utilizzando. Ad esempio, temi come Rubber Cement e Plaid che utilizzano il titolo del tuo blog come intestazione di testo utilizzano il tag "H1" per definire la sezione dell'intestazione. I temi che ti consentono di caricare un'intestazione dell'immagine, come Redux, utilizzano il tag "#wrapper #title".
Aggiungi una nuova riga alla sezione del codice dell'intestazione e digita "position: fixed;" (senza virgolette) per specificare che l'intestazione deve rimanere fissa in posizione quando scorre il resto della pagina.
Aggiungi un'altra riga sotto il codice appena aggiunto e digita "z-index: 100;" (senza virgolette) per specificare che l'intestazione deve rimanere sempre il livello più alto. Il valore "indice z" impedisce ad altri elementi della pagina come immagini o video di sovrapporsi all'intestazione quando i visitatori scorrono la pagina.
Fai clic sul pulsante "Aggiorna anteprima" e utilizza la rotellina del mouse o le barre di scorrimento del browser per scorrere verso il basso il tuo blog Tumblr. Verifica che l'intestazione rimanga fissa in posizione.
Fai clic sul pulsante "Salva" per salvare le modifiche apportate al codice tema.
Suggerimenti
Modifica del codice mantenere l'intestazione in posizione può causare la sovrapposizione dell'intestazione del contenuto del post e della barra laterale su alcuni temi. Aggiungi la riga "margin-top: 300px;" (dove il valore numerico è l'altezza dell'intestazione) alle sezioni del post e della barra laterale del codice per mantenere l'intestazione sopra l'altro contenuto della pagina.
Computer © www.354353.com