Cum să adaugi aplicații Tumblr în bara laterală

Introducerea aplicațiilor Tumblr în bara laterală

Majoritatea site-urilor îți permit să adaugi widgeturi pe blog, oferindu-ți astfel libertatea de a personaliza pagina după gust. Dacă tema Tumblr pe care o folosești include o bară laterală, poți insera widgeturi direct în acea zonă prin copierea unei linii de cod HTML generată de site-ul respectiv.

Prin editorul HTML integrat în Tumblr poți căuta rapid tag-ul <div id="sidebar"> și poți introduce codul în locul potrivit, fără să fie necesare cunoștințe avansate de programare.

Găsirea widgeturilor

Accesează platforme precum Widgetbox, ShareThis sau Tumblring pentru a căuta widgeturi pe care să le adaugi pe blog. Fiecare site oferă instrucțiuni pas cu pas pentru personalizarea widgetului, generarea codului și inserarea acestuia în pagina Tumblr.

Tipuri de widgeturi populare includ butoane de bookmark social, playeri muzicali, motoare de căutare și multe altele.

Crearea și inserarea codului

După ce ai ales widgetul, completează opțiunile de personalizare (design, culoare, font etc.). Pentru unele widgeturi, cum ar fi playerii muzicali, poate fi necesar să urmezi instrucțiunile site-ului pentru a crea o listă de redare înainte de a genera codul.

Când ești gata, apasă pe butonul „Generate HTML” (sau echivalent) și copie codul afișat în caseta de text.

Deschide Notepad (sau editorul de text preferat), lipește codul și salvează fișierul cu un nume ușor de identificat, de exemplu widget_musicplayer.html.

În dashboard-ul Tumblr, apasă pe iconița Gear, selectează blogul și mergi la Customize → Edit HTML. Codul blogului se va deschide într-un editor integrat.

Înainte de a face modificări, copiază întregul cod HTML într-un fișier Notepad (ex. Tumblr_HTML_Original.html) pentru a avea o copie de rezervă.

În editorul Tumblr, folosește combinația Ctrl‑F pentru a căuta tag-ul <div id="sidebar">. Deși formatul poate varia, cuvintele cheie „sidebar” apar întotdeauna în tag.

Închide tag-ul de început <div id="sidebar"> și inserează codul widgetului în interiorul acestuia:

<div id="sidebar"> </div>

Codul generat poate fi lung și complex, însă spațiul alb și indentarea nu contează, deoarece editorul Tumblr îl formatează automat.

Apasă pe Update Preview pentru a vedea modificările. Dacă widgetul arată așa cum îți dorești, salvează modificările și închide editorul. Pentru a schimba aspectul widgetului, revino la pagina de generare, selectează opțiunile dorite, generează codul din nou și înlocuiește codul existent.

Sfaturi utile

Dacă adaugi mai multe widgeturi, lipește-le în ordinea în care vrei să apară în bara laterală.