Con un tema Tumblr come Kalalalani, Prologue o Vignetti, puoi aggiungere un elenco simile a blogroll direttamente nella barra laterale aggiungendo alcune righe di codice personalizzato al tuo modello. Se il tema non supporta una barra laterale, tuttavia, è ancora possibile aggiungere un blogroll con la creazione di una nuova pagina Tumblr che contiene tutti i blog che segui personalmente e desidera condividere con gli altri.
Aggiungi Blogroll alla barra laterale del tema
Accedi al tuo account Tumblr, fai clic su “Personalizza”, quindi seleziona “Modifica HTML.”
Scorri il codice HTML fino a trovare la sezione contenente la barra laterale del tema. Ad esempio, la barra laterale per il tema Kalalalani inizia con “<ol>” e termina con “</ol>.”
Inserisci una riga vuota sopra il tag “< / ol > ” per fare spazio a codice HTML aggiuntivo.
Digitare un nuovo tag”< li > ” nella riga vuota creata per aggiungere un altro elemento dell’elenco. L’editor di Tumblr aggiunge automaticamente il tag di chiusura per te.
Digitare “Blogroll” nel punto di inserimento tra i tag “< li>” e “</li > ” per creare un’etichetta per la sezione blogroll della barra laterale.
Fai clic su ” Aggiorna anteprima “per vedere se il testo” Blogroll ” appare nella barra laterale. Alcuni temi richiedono un codice CSS aggiuntivo per rendere visibile il nuovo testo. Ad esempio, per rendere visibile “Blogroll” nel tema Kalalalani, sostituire il tag “< li > “con il seguente codice che cambierà il colore del testo dell’etichetta in bianco:
<li stile=” colore:bianco”>
Fare clic sopra il tag ” </ol>”, quindi premere” Invio ” per creare una riga vuota per un collegamento blogroll.
Digitare il codice HTML per la voce di elenco che conterrà il primo collegamento blogroll. Ad esempio, digitare la seguente riga sotto l’etichetta blogroll:
<li > < a >
L’editor aggiunge automaticamente i tag di chiusura per te durante la digitazione, in modo che il tuo codice assomigli a questo:
<li><a></a></li>
Digitare il codice HTML per aggiungere l’URL del primo blog all’interno del tag “< a >”. Ad esempio, se il tuo primo blog ha l’URL ” http://myfavoriteblog.com”, il tuo codice dovrebbe assomigliare al seguente:
<li > < a href=”http://myfavoriteblog.com”></a></li>
Fare clic davanti al tag “</a >”, quindi digitare il nome del primo blog. Ad esempio, se il blog è chiamato “Il mio blog preferito”, il tuo codice dovrebbe assomigliare alla seguente riga:
<li><a href=”http://myfavoriteblog.com”>Il mio blog preferito</a></li>
Fare clic su “Aggiorna anteprima” per visualizzare le modifiche.
Aggiungi codice CSS per ridurre le dimensioni del nome del primo blog. Ad esempio, se si utilizza il tema Kalalalani, modificare la dimensione del carattere a circa 10 pixel. Il tuo codice corretto dovrebbe essere simile al seguente:
<li style=”font-size:10px”><a href=”http://expectedend.com”>My Blog preferito</a>< / li>
Fare clic su “Aggiorna anteprima” per visualizzare le modifiche. Usa il primo link blogroll che hai creato come esempio per aggiungere altri blog.
Fare clic su “Salva”per rendere permanenti le modifiche.
Aggiungi pagina Blogroll
Fai clic sulla freccia indietro nel pannello Personalizza, quindi fai clic sul pulsante “Aggiungi una pagina”.
Digitare un nome per completare l’URL della nuova pagina. Ad esempio, se il tuo URL Tumblr è “goodblog.tumblr.com,” il tuo URL completato dovrebbe apparire come la seguente riga:
goodblog.tumblr.com / blogroll
Digita un titolo per la tua pagina blogroll, quindi fai clic sull’interruttore a levetta “Mostra un link a questa pagina” per accenderlo.
Digita il nome del tuo primo blog nella casella di modifica.
Seleziona il nome del blog, quindi fai clic sul pulsante “Inserisci / Modifica collegamento”.
Digitare l’URL per il blog nella casella di input denominata “Link URL”, fare clic sul pulsante “Inserisci link”, quindi fare clic su ” Salva.”
Avvertenze
Mentre le modifiche del tema possono apparire OK nel riquadro di anteprima di Tumblr o nel browser Web, i visitatori che utilizzano un browser diverso o un dispositivo mobile possono vedere elementi fuori luogo o distorti. Visualizza il tuo blog Tumblr utilizzando il maggior numero possibile di browser e piattaforme hardware per garantire che il tuo sito appaia sempre nel modo in cui lo intendevi.
