È possibile personalizzare l'aspetto del tuo blog Tumblr con un tema personalizzato. A volte, si potrebbe desiderare di fare piccole modifiche al tema personalizzato. Ad esempio, se l'intestazione del vostro tema non è centrato, si potrebbe desiderare di centrarlo mantenendo tutte le altre formattazioni lo stesso. Per fare questo, è necessario modificare il codice HTML del vostro tema e aggiungere CSS personalizzato. Le modifiche sia HTML e CSS sono minime, ma devono essere collocati nella posizione corretta con la sintassi corretta per avere effetto.

istruzione

1 Accedi al tuo account Tumblr.

2 Fare clic sull'icona dell'ingranaggio nella parte superiore della pagina. Si aprirà il menu Impostazioni per il tuo account.

3 Fare clic sul blog che si desidera configurare. Il tuo blog verranno elencati nella colonna di sinistra.

4 Fare clic sul pulsante "Personalizza" nella sezione a tema.

5 Fai clic su "Modifica HTML" nella colonna di sinistra del menu di personalizzazione a tema. Questo rivelerà il codice HTML dietro il vostro tema.

6 Individuare gli elementi di intestazione in codice HTML. Poiché ogni tema Tumblr è diversa, i nomi di questi elementi possono variare tra i temi. L'etichetta di default per un'immagine di intestazione è "immagine: Intestazione". Nel tag all'interno del quale gli elementi di intestazione sono contenuti, aggiungere il seguente testo: id = "header". Ad esempio, il tag header image dovrebbe leggere: <img src = id "header" = "{immagine: Header}" alt = "{Title}">.

7 Fai clic su "Salva".

8 Fare clic sul pulsante "Aspetto" nella parte superiore della schermata di editing HTML. Questo vi porterà indietro al menu di personalizzazione a tema.

9 Aprire la scheda Opzioni "Avanzate" nella parte inferiore della colonna a sinistra.

10 Immettere le informazioni nel campo "Aggiungi personalizzato CSS" di centraggio. Al fine di centrare l'oggetto è stato etichettato con l'ID di testa, stile i margini sinistro e destro automaticamente. Ad esempio, il CSS dovrebbe leggere: #header {display: block; margin-left: auto; margin-right: auto;}. Questo estenderà l'immagine di una distanza uguale da entrambi i margini destro e sinistro.

11 Fare clic sul pulsante "Salva" nella parte superiore della pagina.

Consigli e avvertenze

• Se esiste già un ID CSS chiamato "header" nel tema, assegnare un nome al ID qualcosa di personalizzato diverso per evitare conflitti di stile con ciò che è già codificato.