Afișarea listei de urmăritori pe Tumblr

Ablogul tău pe Tumblr poate afișa o listă de bloguri pe care le urmărești sub formă de linkuri. Vizitatorii pot face clic pentru a vizualiza și a urmări și ei aceste bloguri.

Teme cu suport nativ pentru lista de urmăritori

1. Conectează-te la Tumblr și accesează butonul cu rotiță din tabloul de bord pentru a intra în pagina de cont.

2. Selectează blogul pe care vrei să adaugi lista de urmăritori și apasă Customize.

3. Caută Browse Themes și alege Free Themes din meniul derulant.

4. Alege un temă precum Redux, Fluid sau Minimal care are suport nativ pentru listele de urmăritori. Pentru a verifica, apasă pe miniatură și vezi previzualizarea pe dreapta.

5. Apasă Use după ce ai găsit tema potrivită.

6. Derulează în Customize și activează opțiunea Display following sau Show People I Follow Widget.

7. Salvează și ieși pentru a activa tema nouă care afișează lista ta de urmăritori.

Teme fără suport nativ pentru lista de urmăritori

1. Conectează-te la Tumblr și accesează setările contului din tabloul de bord.

2. Selectează numele blogului și apasă Customize în secțiunea Theme.

3. Accesează Edit HTML pentru a vedea codul sursă al temei și găsește secțiunea Sidebar (poate fi diferită între teme).

4. Adaugă o linie nouă în zona sidebar unde dorești să apară lista de urmăritori (ex. sub poza de profil).

5. Inserează următorul cod pentru a defini widgetul și a-i atribui id-ul followlist:

<div id="followlist"><h3>Bloguri pe care le urmăresc</h3></div>

6. Imediat după acest cod, inserează blocul care generează lista reală:

<ul id="followlist"> {% for followed in follows %} <li><a href="{{ followed.url }}"><img src="{{ followed.avatar_url }}" alt="{{ followed.name }}" /></a></li> {% endfor %} </ul>

Attribute‑ul href legătură blogurilor urmărite, iar img src afișează miniaturi de profil. Poți ajusta dimensiunea schimbând valorile din img src.

7. Salvează și previzualizează modificările. Dacă miniaturile apar în coloană, trebuie să adaugi CSS.

8. În fereastra Customize, mergi la Advanced Options și apoi la Add Custom CSS. Adaugă:

ul#followlist{list-style-type:none;padding:0;} ul#followlist li{float:left;margin-right:.5em;}

9. Salvează și închide editorul HTML.

Îndrumări suplimentare

Dacă ai prea mulți urmăritori pentru spațiul sidebar, creează o pagină dedicată cu codul listă și adaugă un link în sidebar pentru acces rapid.