Jak wyświetlić listę obserwowanych blogów na Tumblr

Listy obserwowanych w Tumblr

Lista obserwowanych blogów w Tumblr wyświetla wszystkie blogi, które obserwujesz, jako odnośniki. Odwiedzający Twój blog mogą kliknąć te linki, aby zobaczyć i ewentualnie samodzielnie je obserwować.

Nie wszystkie szablony obsługują taką listę (tzw. blogroll), ale można ją dodać do dowolnego motywu, modyfikując kod HTML i CSS.

Szablony z natywnym wsparciem

1. Zaloguj się na Tumblr i kliknij przycisk w kształcie koła zębatego na pulpicie, aby otworzyć stronę konta.
2. Wybierz blog, do którego chcesz dodać listę obserwowanych i kliknij „Dostosuj”.
3. Wybierz „Przeglądaj szablony”, a następnie z rozwijanego menu „Darmowe szablony”.
4. Wybierz szablon, np. Redux, Fluid lub Minimal, który posiada natywną obsługę listy obserwowanych. Podgląd po prawej stronie pokaże, czy lista jest dostępna.
5. Kliknij „Użyj”.
6. Przewiń w dół sekcję „Dostosuj” i upewnij się, że włączona jest opcja „Wyświetl obserwowanych” lub „Pokaż widżet osób, które obserwuję”.
7. Kliknij „Zapisz”, a następnie „Wyjdź”. Szablon wyświetli Twoją listę obserwowanych w pasku bocznym.

Szablony bez natywnego wsparcia

1. Zaloguj się na Tumblr i przejdź do ustawień konta z poziomu pulpitu.
2. Wybierz swój blog i kliknij „Dostosuj” w sekcji „Szablon”.
3. Kliknij „Edytuj HTML”, aby otworzyć kod źródłowy szablonu, i przewiń do sekcji Sidebar. Lokalizacja tej sekcji może się różnić w zależności od szablonu.
4. Wstaw nową linię w miejscu, w którym ma się pojawić lista (np. pod zdjęciem profilowym lub nad linkami do mediów społecznościowych).
5. Wklej poniższy kod, aby zdefiniować widżet listy obserwowanych:

<ul id="followlist">
  <h3>Osoby, które obserwuję</h3>
</ul>

6. Pod kodem dodaj kolejny fragment, który wygeneruje linki do obserwowanych blogów wraz z miniaturami:

<{FollowedBy 30}>
  <li>
    <a href="{FollowedByURL}">
      <img src="{FollowedByPortraitURLSize=48}" alt="{FollowedByName}" />
    </a>
  </li>
</{FollowedBy}>

Parametr PortraitURLSize określa rozmiar miniatury; zmień liczbę (np. 64), aby powiększyć lub pomniejszyć obrazki.

7. Kliknij „Zaktualizuj podgląd”, aby sprawdzić efekt. Miniatury mogą wyświetlać się w jednej kolumnie – ich układ zostanie ustalony w CSS.
8. Zapisz zmiany i zamknij edytor HTML.
9. Na dole okna „Dostosuj” kliknij „Opcje zaawansowane”.
10. W polu „Dodaj własny CSS” wklej poniższy kod, aby ustawić miniatury w jednej linii:

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

11. Kliknij „Zapisz”. Lista obserwowanych powinna teraz poprawnie wyświetlać się w pasku bocznym.

Wskazówki

Jeśli obserwujesz bardzo wiele blogów i lista nie mieści się w pasku bocznym, rozważ utworzenie osobnej strony z kodem listy i umieszczenie odnośnika do niej w pasku.