Come posizionare un banner Tumblrr

Molti temi di Tumblr ti consentono di visualizzare un'immagine banner nella parte superiore del tuo blog al posto del titolo del tuo blog. Se, tuttavia, il banner non si allinea a tuo piacimento, puoi cambiarne l'allineamento modificando il codice HTML del tuo tema. Se il tuo tema non supporta le immagini dei banner o desideri aggiungere un banner sopra il titolo, puoi modificare il codice HTML per aggiungere e posizionare manualmente un banner.

Temi con immagini di intestazione

Fai clic sulla scheda "Personalizzazione" sulla dashboard di Tumblr per accedere alle impostazioni del tema.

Scorri verso il basso fino alla sezione Aspetto nel riquadro di sinistra, quindi fai clic sul pulsante "Carica" ​​accanto a "Intestazione" per caricare l'immagine del banner.

Scorri fino alla parte superiore del riquadro, quindi fai clic su "Modifica HTML" per accedere al codice HTML del tuo tema.

Premi "Ctrl-F" sulla tastiera per visualizzare lo strumento di ricerca, quindi cerca "{Titolo}" (senza virgolette) fino a trovare la prima occorrenza del termine nella sezione del corpo, subito dopo il "" tag. In molti casi, sarà all'interno di un blocco che inizia con "

" o "
".

Racchiudere "{Titolo}" con il "

" e "
", in modo che il codice assomigli a questo:

{Titolo}

Fai clic su "Aggiorna anteprima" per vedere se le modifiche hanno funzionato. Se il banner non è al centro della pagina, potresti aver modificato la sezione di codice sbagliata, nel qual caso annulla le modifiche e riprova.

Fai clic su "Salva", quindi seleziona "Esci" dopo aver modificato correttamente il banner. Per annullare le modifiche per qualsiasi motivo o per ricominciare, fai clic sulla freccia indietro senza salvare, quindi fai clic su "Esci".

Aggiungi e posiziona banner manualmente

Carica l'immagine del tuo banner utilizzando la pagina di caricamento di Tumblr (link in Risorse), quindi copia l'URL visualizzato nella pagina. In alternativa, carica il file immagine su un altro sito Web, come PhotoBucket o TinyPic.

Fai clic sulla scheda "Personalizzazione" sulla dashboard di Tumblr per accedere alle impostazioni del tema.

Fai clic su "Modifica HTML" per accedere al codice HTML del tuo tema.

Premi "Ctrl-F" sulla tastiera per visualizzare lo strumento di ricerca, quindi cerca "" (senza virgolette).

Inserisci una nuova riga appena sotto il "", quindi aggiungi la seguente riga di codice:

Sostituisci "BannerImageURL" con l'URL del file immagine del tuo banner.

Fai clic su "Aggiorna anteprima" per assicurarti che il banner venga visualizzato correttamente. Apportare le modifiche necessarie, quindi fare clic su "Salva" e "Esci".

Suggerimenti

Per allineare il banner a sinistra oa destra invece che al centro, usa il tasto "" o "" tag invece di "

" tag, e cambia anche il "
"taggare a"" o "".

Avvertenze

Questi passaggi dovrebbero funzionare sulla maggior parte dei temi Tumblr standard, ma non funzioneranno sempre come previsto a causa delle differenze nel design del tema. Alcuni temi potrebbero richiedere che tu dichiari l'immagine e poi le assegni uno stile nel foglio di stile del tema; tuttavia, questo metodo richiede una conoscenza di base del funzionamento dei CSS e i passaggi specifici variano a seconda del design del tema.