Cum se introduc aplicațiile Tumblr în bara laterală

Multe site-uri web oferă widget-uri pentru a încorpora în blogul dvs., deschizând o gamă largă de posibilități de personalizare. Dacă tema dvs. Tumblr include o bara laterală, puteți introduce aplicații în pagina dvs. de blog prin adăugarea unei linii de cod HTML în eticheta bara laterală a temei. Site-urile web care oferă widget-uri pot genera această linie de cod, astfel încât să nu aveți nevoie de cunoștințe de programare pentru a introduce widget-uri în bara laterală. Tumblr include un editor HTML cu o bară de căutare, astfel încât să puteți localiza rapid eticheta bara laterală și să inserați codul în locația sa corectă.

Vizitați un site cum ar fi Widgetbox, ShareThis sau Tumblring pentru a căuta widget-uri pe care să le adăugați pagina dvs. Tumblr (link-uri în Resurse). Procesul de generare a codului HTML variază între widget-uri, dar fiecare site oferă instrucțiuni pentru personalizarea unui widget, generarea codului și introducerea codului în pagina dvs. Tumblr. Tipurile de widgeturi includ butoane de marcare socială, playere muzicale, motoare de căutare și multe altele.

Selectați un widget și, când vi se solicită, alegeți orice opțiune, cum ar fi aspectul, culoarea sau fontul. Unele widget-uri pot necesita mai multe setări. De exemplu, dacă încorporați un player de muzică, este posibil să fie necesar să urmați instrucțiunile site-ului pentru crearea unei liste de redare înainte ca codul dvs. să poată fi generat. După ce faceți selecția, faceți clic pe "Generați HTML" sau o opțiune similară și copiați codul afișat în caseta de text.

Deschideți Notepad-ul și inserați codul într-un document text nou. Salvați documentul și dați-i un nume pe care îl puteți identifica cu ușurință mai târziu, cum ar fi numele widgetului.

Accesați tabloul de bord Tumblr, faceți clic pe pictograma "Gear" și selectați blogul din bara laterală. Faceți clic pe "Personalizați" în secțiunea Tematică, apoi selectați "Editați HTML" pe pagina de personalizare. Codul HTML al blogului dvs. se deschide într-un editor de text încorporat în pagină.

Deschideți un nou document text în Notepad și copiați codul HTML din editorul Tumblr la noul document Notepad. Dați acestui document un nume, cum ar fi "Tumlbr HTML Original", astfel încât să îl puteți găsi mai târziu dacă nu vă place modificările pe care le faceți la bara laterală.

Înapoi la editorul HTML al Tumblr și apăsați "Ctrl- F "pentru a afișa bara Găsire și înlocuire, pe care o puteți utiliza pentru a căuta eticheta bara laterală în cadrul codului HTML. Formatarea exactă a codului poate diferi între teme, dar o puteți găsi tastând "bara laterală" (fără citare) în caseta Find, deoarece toate etichetele din bara laterală includ acest cuvânt cheie. De exemplu, căutarea pentru "bara laterală" poate localiza fragmentul de cod "& lt; div id =" sidebar "& gt ;," care indică începutul etichetei bariului lateral. Eticheta se încheie cu cuvântul cheie "& lt; /div & gt;" de închidere.

Introduceți codul HTML al widget-ului în eticheta barierului lateral, dar nu în parantezele unghiulare care delimitează cuvintele cheie ale etichetei. După introducerea codului, eticheta bara laterală ar trebui să semene cu următorul fragment de cod: