Tumblr è una piattaforma di microblogging altamente flessibile che consente ai suoi utenti di personalizzare ampiamente i layout dei loro blog. Puoi modificare il codice HTML di qualsiasi tema Tumblr in base alle tue specifiche esatte, ma la maggior parte dei temi Tumblr sono preformattati per includere molti elementi della pagina come un titolo di blog in testo normale e talvolta una barra laterale. Per aggiungere una tabella o un contenitore attorno al titolo del tuo blog che mostra un colore o un’immagine di sfondo, devi modificare l’HTML del layout per includere il codice CSS per lo sfondo.
1
Accedi al tuo account Tumblr e fai clic sull’icona a forma di ingranaggio nella parte superiore della dashboard di Tumblr per visitare le impostazioni del tuo account.
2
Fare clic sulla scheda nella colonna di sinistra con il nome del blog di cui si desidera modificare il titolo, se si dispone di più blog, quindi fare clic su “Personalizza” nel pannello principale.
3
Controlla se il tuo tema Tumblr ha un’opzione “Mostra titolo blog” nella sezione “Aspetti”. In tal caso, seleziona la casella accanto ad essa.
4
Fai clic sul pulsante “Modifica HTML” nella parte superiore della pagina.
5
Scorri oltre il foglio di stile nell’HTML del tuo tema e individua il codice seguente:
6
Trova il codice seguente nella sezione dell’intestazione:
{Titolo}
Questo è il codice del tuo titolo.
7
Inserisci il seguente codice davanti al codice del titolo per creare uno sfondo con un’immagine dietro il titolo del tuo Tumblr:
In alternativa, inserisci il codice seguente davanti al codice del titolo per creare uno sfondo con un colore semplice: Sostituisci “http: // yourimageurl” con l’URL esterno dell’immagine di sfondo o “000000” con il valore esadecimale dello sfondo desiderato colore. Sostituisci “200 px” con l’altezza in pixel che vorresti fosse il contenitore intorno al titolo e sostituisci “400 px” con la larghezza in pixel che vorresti fosse il contenitore intorno al titolo.
8
Inserisci il seguente codice dopo i tag del titolo:
9
Fare clic sul pulsante “Aggiorna anteprima”. Controlla nel riquadro di anteprima a destra per assicurarti che lo sfondo del titolo abbia l’aspetto desiderato. In caso contrario, apporta le modifiche necessarie e fai di nuovo clic su “Aggiorna anteprima” per visualizzare l’anteprima.
10
Fare clic su “Salva” per rendere permanenti le modifiche. Quindi fare clic sul pulsante “Aspetti” e infine fare clic su “Salva” e “Chiudi” per uscire dalle impostazioni di personalizzazione.
Referenze
- W3C Web Accessibility Initiative: DIV BACKGROUND-IMAGE nell’elemento STYLE
- W3CSchools.com: sfondo CSS
- W3CSchools.com: proprietà CSS background-color
Risorse
- W3CSchools.com: selettore colore HTML
Scrittore Bio
Andrea Ruiz ha scritto professionalmente per blog, riviste di intrattenimento online e siti web di reti televisive da oltre un decennio. Ruiz è stato anche sviluppatore web e social media, consulente aziendale in Internet e programmatore di computer dal 1999, e ha lavorato per quattro anni come community manager professionale. Ruiz ha conseguito un Bachelor of Arts presso l’Università del Massachusetts, Boston.