Home Hardware Networking Programmazione Software Domanda Sistemi Computer
Conoscenza del computer >> Computer >> Internet >> .

Come inserire app di Tumblr nella barra laterale

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 è necessario avere conoscenze di programmazione per inserire 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 a la 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 una maggiore configurazione. Ad esempio, se si incorpora un lettore musicale, potrebbe essere necessario seguire le istruzioni del sito per creare una playlist prima di poter generare il codice. 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 un secondo momento, ad esempio il nome del widget.

Visita la dashboard di Tumblr, fai clic sull'icona "Gear" e seleziona il tuo blog dalla barra laterale. Fai clic su "Personalizza" nella sezione Tema, quindi seleziona "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 nel nuovo documento di Blocco note. Assegna a questo documento un nome come "Tumlbr HTML Original" in modo da poterlo trovare 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 è possibile utilizzare per cercare il tag della barra laterale all'interno del codice HTML. La formattazione esatta del codice può differire tra i temi, ma puoi trovarlo 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" può individuare lo snippet di codice "& lt; div id \u003d" sidebar "& gt ;," che indica l'inizio del tag della barra laterale. Il tag termina con la parola chiave "& lt; /div & gt;" di chiusura.

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:

& lt; div id \u003d "sidebar" & gt; Il codice HTML del tuo widget va qui & lt; /div & gt;

Il codice generato può essere lungo e complicato, ma tutto ciò che devi fare è incollarlo nel tag della barra laterale. Lo spazio bianco e la tabulazione delle linee non contano perché l'editor HTML di Tumblr formatta il codice per te.

Fai 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 si desidera modificare qualsiasi aspetto del widget, sostituire il codice modificato con il codice originale salvato nel passaggio 5. Tornare alla pagina di generazione del widget, selezionare le opzioni preferite e generare nuovamente il codice. Ripeti 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 vengano visualizzati nella barra laterale.

 

Computer © www.354353.com