Jak vytvořit seznam sledovaných blogů (blogroll) na Tumblr

Seznam sledovaných blogů na Tumblr zobrazí všechny blogy, které sledujete, jako odkazy. Návštěvníci vašeho blogu mohou na tyto odkazy kliknout, podívat se na cizí blogy a případně je také sledovat. Ne všechna témata tuto funkci (tzv. blogroll) podporují, ale můžete ji přidat do libovolného tématu úpravou HTML a CSS.

Témata s nativní podporou seznamu

1. Přihlaste se na Tumblr a v dashboardu klikněte na ikonu ozubeného kola → Account.

2. Vyberte blog, ke kterému chcete seznam přidat, a klikněte na Customize.

3. V pravém panelu zvolte Browse Themes → Free Themes.

4. Vyhledejte téma, které podporuje seznam sledovaných – např. Redux, Fluid nebo Minimal. Podívejte se na náhled a ověřte, že widget „Display following“ nebo „Show People I Follow" je součástí.

5. Klikněte na Use, poté v nastavení tématu zapněte volbu Display following (nebo podobnou).

6. Uložte změny kliknutím na Save a ukončete úpravy tlačítkem Exit. Váš nový blog nyní zobrazuje seznam sledovaných.

Témata bez nativní podpory seznamu

1. Přihlaste se na Tumblr a v dashboardu otevřete Account Settings.

2. Vyberte svůj blog a v sekci Theme klikněte na Customize.

3. V levém panelu zvolte Edit HTML. Najděte část označenou jako Sidebar – u různých témat může mít jiný název nebo umístění.

4. Vložte následující kód na místo, kde chcete seznam zobrazit (např. pod profilovým obrázkem nebo nad odkazy na sociální sítě):

<ul id="followlist">
  <h3>Sledované blogy</h3>
  <{FollowedBy 5}>
    <li>
      <a href="{FollowedByURL}">
        <img src="{FollowedByPortraitURL-64}" alt="{FollowedByName}">
      </a>
    </li>
  <{/FollowedBy}>
</ul>

Výše uvedený kód vytvoří widget s ID followlist. Text mezi značkami <h3> můžete libovolně upravit.

5. Klikněte na Update Preview. V náhledu se zobrazí ikony sledovaných blogů, ale budou se řadit pod sebe. Řádné uspořádání vyřeší CSS.

6. Uložte úpravy (Save) a zavřete editor (šipka zpět).

7. V dolní části okna Customize otevřete Advanced Options → Add Custom CSS a vložte následující styl, který zarovná ikony do řady:

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

8. Opět klikněte na Save. Váš seznam sledovaných blogů je nyní funkční a hezky zformátovaný.

Tipy

Pokud máte ve sidebaru příliš mnoho sledovaných blogů, můžete widget umístit na samostatnou stránku a v sidebaru přidat odkaz na tuto stránku pro rychlý přístup.