Jak dodać Blogroll w Tumblr

Jeśli używasz motywu Tumblr takiego jak Kalalalani, Prologue czy Vignetti, możesz umieścić listę blogrolla bezpośrednio w pasku bocznym, dodając kilka linii własnego kodu do szablonu. Gdy Twój motyw nie posiada paska bocznego, wciąż możesz stworzyć stronę Blogroll, na której umieścisz wszystkie blogi, które obserwujesz i chcesz polecić.

Dodanie Blogrolla do paska bocznego

Zaloguj się na Tumblr, kliknij „Dostosuj”, a następnie wybierz „Edytuj HTML”.

Przewiń kod, aż znajdziesz sekcję odpowiadającą paskowi bocznemu. W motywie Kalalalani zaczyna się ona od <ol id=\"nav\"> i kończy </ol>.

Wstaw pustą linię tuż przed tagiem </ol>, aby zrobić miejsce na nowy kod.

W tej linii wpisz nowy tag <li>. Edytor automatycznie doda zamykający </li>.

Między tagami <li> i </li> wpisz tekst „Blogroll”, który będzie etykietą sekcji.

Użyj przycisku „Update Preview”, aby sprawdzić, czy etykieta pojawiła się w pasku. Niektóre motywy wymagają dodatkowego CSS, aby tekst był widoczny. W Kalalalani wystarczy zamienić <li> na <li style=\"color:white\">.

Pod etykietą wstaw kolejną pustą linię i dodaj kod linku do pierwszego bloga:

<li><a href=\"https://mojulubiblog.com\">Mój Ulubiony Blog</a></li>

Możesz zmniejszyć rozmiar czcionki, np. <li style=\"font-size:10px\">…</li>, aby lista nie zajmowała dużo miejsca.

Po wprowadzeniu zmian kliknij „Save”, aby zapisać szablon.

Dodanie osobnej strony Blogroll

W panelu „Dostosuj” kliknij strzałkę wstecz, a następnie przycisk „Add a page” (Dodaj stronę).

Wpisz nazwę, która uzupełni adres URL nowej strony, np. goodblog.tumblr.com/blogroll.

Wprowadź tytuł strony, np. „Blogroll”, i włącz opcję „Show a link to this page” (Pokaż link do tej strony).

W polu edycji wpisz nazwę pierwszego bloga, zaznacz ją i kliknij przycisk „Insert/Edit Link”.

W polu „Link URL” wklej adres bloga, zatwierdź „Insert link” i zapisz zmiany.

Ostrzeżenia

Podgląd w Tumblr może wyglądać poprawnie, ale użytkownicy innych przeglądarek lub urządzeń mobilnych mogą zobaczyć nieprawidłowe pozycje elementów. Przetestuj swój blog w różnych przeglądarkach i na różnych urządzeniach, aby mieć pewność, że wszystko wyświetla się tak, jak powinno.