Molti siti web offrono widget da incorporare nel tuo blog, aprendo una vasta gamma di possibilità di personalizzazione. Se il tuo tema Tumblr include una barra laterale, puoi inserire applicazioni nella pagina del tuo blog incollando una riga di codice HTML nel tag della barra laterale del tuo tema. I siti web che offrono widget possono generare questa riga di codice, quindi non hai bisogno di conoscenze di programmazione per inserire i widget nella barra laterale. Tumblr include un editor HTML con una barra di ricerca in modo da poter individuare rapidamente il tag della barra laterale e inserire il codice nella posizione corretta.
Visita un sito come Widgetbox, ShareThis o Tumblring per cercare widget da aggiungere alla tua pagina Tumblr (link in Risorse). Il processo di generazione del codice HTML varia tra i widget, ma ogni sito fornisce istruzioni per personalizzare un widget, generare codice e inserire il codice nella tua pagina Tumblr. I tipi di widget includono pulsanti di social bookmarking, lettori musicali, motori di ricerca e molti altri.
Seleziona un widget e, quando richiesto, scegli qualsiasi opzione, come layout, colore o carattere. Alcuni widget potrebbero richiedere più impostazioni. Ad esempio, se stai incorporando un lettore musicale, potresti dover seguire le istruzioni del sito per la creazione di una playlist prima che il codice possa essere generato. Dopo aver effettuato la selezione, fai clic su "Genera HTML" o un'opzione simile e copia il codice visualizzato nella casella di testo.
Apri Blocco note e incolla il codice in un nuovo documento di testo. Salva il documento e assegnagli un nome per identificarlo facilmente in seguito, ad esempio il nome del widget.
Visita la tua dashboard di Tumblr, fai clic sull'icona "Ingranaggio" e seleziona il tuo blog dalla barra laterale. Fai clic su "Personalizza" nella sezione Tema, quindi scegli "Modifica HTML" nella pagina di personalizzazione. Il codice HTML del tuo blog si apre in un editor di testo incorporato nella pagina.
Apri un nuovo documento di testo in Blocco note e copia il codice HTML dall'editor di Tumblr al nuovo documento di Blocco note. Assegna a questo documento un nome come "Tumlbr HTML originale" in modo che tu possa trovarlo rapidamente in seguito se non ti piacciono le modifiche apportate alla barra laterale.
Torna all'editor HTML di Tumblr e premi "Ctrl-F" per visualizzare la barra Trova e sostituisci, che puoi utilizzare per cercare il tag della barra laterale all'interno del codice HTML. La formattazione esatta del codice può variare tra i temi, ma puoi trovarla digitando "barra laterale" (senza virgolette) nella casella Trova perché tutti i tag della barra laterale includono questa parola chiave. Ad esempio, la ricerca di "barra laterale" potrebbe individuare lo snippet di codice "
Incolla il codice HTML del widget all'interno del tag della barra laterale ma non all'interno delle parentesi angolari che delimitano le parole chiave del tag. Dopo aver inserito il codice, il tag della barra laterale dovrebbe assomigliare al seguente frammento di codice:
Il codice generato può essere lungo e complicato, ma tutto ciò che devi fare è incollarlo nel tag della barra laterale. Gli spazi bianchi e la tabulazione delle righe non contano perché l'editor HTML di Tumblr formatta il codice per te.
Fare clic su "Aggiorna anteprima" per visualizzare le modifiche nella finestra di anteprima. Se il tuo widget viene visualizzato a tuo piacimento, fai clic su "Salva" e chiudi l'editor HTML. Se desideri modificare qualsiasi aspetto del tuo widget, sostituisci il codice alterato con il codice originale che hai salvato nel passaggio 5. Torna alla pagina di generazione del widget, seleziona le opzioni che preferisci e genera nuovamente il codice. Ripetere il processo di inserimento del codice con il codice appena generato.
Suggerimenti
Se stai inserendo più widget della barra laterale, incollali nell'ordine in cui desideri che appaiano nella barra laterale.
