Modifica il tema del tuo blog Tumblr per aggiungere una barra laterale aggiuntiva al tuo blog. Sebbene molti temi ti forniscano due o più barre laterali, potresti voler aggiungere una barra laterale al tema esistente. Utilizzando la pagina Personalizza di Tumblr, puoi modificare il codice CSS per il tuo tema e apportare modifiche al suo aspetto. Copia il codice della barra laterale originale del tuo tema, rinomina e regola le caratteristiche CSS per creare una seconda barra laterale.
Accedi al sito Web di Tumblr.
Fai clic sul pulsante "Personalizza" nella barra laterale di destra.
Fai clic sul link "Modifica HTML" nella barra laterale di sinistra per aprire l'editor HTML di Tumblr.
Scorri verso il basso ed evidenzia il codice CSS della barra laterale che varierà a seconda del tema del tuo blog. Ad esempio, individuare "#side {" e quindi evidenziare il codice fino alla parentesi di chiusura. Il tema del tuo blog potrebbe nominare questo qualcos'altro, come #sidebar, #lefts o #leftbar.
Premi "Ctrl-C" per copiare il codice CSS della barra laterale negli appunti.
Sposta il tuo cursore alla fine del codice della barra laterale e quindi premere "Ctrl-V" per incollarne una copia direttamente sotto.
Rinomina la barra laterale incollata. Ad esempio, modifica "#side {" in "# side2 {" (omettendo le virgolette qui e in tutto).
Modifica le caratteristiche del codice CSS della tua seconda barra laterale in modo che non si sovrapponga alla prima barra laterale. Ad esempio, se il codice della prima barra laterale include "left: 1050px;" allora vorrai ridurre o aumentare quel valore in modo che le barre laterali siano posizionate fianco a fianco. Immettere "850px;" posizionerebbe la seconda barra laterale a destra della prima. Puoi anche modificare la larghezza e l'altezza della barra laterale per evitare sovrapposizioni.
Incolla il seguente codice in una nuova riga di testo prima di chiudere & lt; /body & gt; tag, sostituendo "Il tuo secondo nome nella barra laterale" con il nome della barra laterale, come "side2":
& lt; div id = "Il tuo secondo nome nella barra laterale" & gt; & lt; /div & gt;
Inserisci qualsiasi testo e codice HTML che desideri aggiungere alla tua seconda barra laterale prima di & lt; /div & gt; etichetta. Ad esempio, inserisci "& lt; big & gt; Ecco la mia seconda barra laterale & lt; /big & gt;" per aggiungere un titolo di grandi dimensioni alla seconda barra laterale.
Fai clic sul pulsante "Aggiorna anteprima" nella parte superiore della barra laterale sinistra per visualizzare in anteprima le modifiche al tema.
Fai clic sul pulsante "Salva" per salvare le modifiche.
Suggerimenti
Visualizza l'anteprima del tuo blog prima di salvare le modifiche per assicurarti che venga visualizzato correttamente.
Puoi recuperare vecchi temi utilizzando la pagina Tumblr Ripristina tema personalizzato ( link in Risorse).
Avvertenze
Prestare attenzione quando si modifica il codice HTML del tema. Il codice modificato può causare la visualizzazione errata degli elementi.
Computer © www.354353.com