Jak dodać Blogroll na Tumblr

edytor HTML Tumblr może wyświetlać podgląd zmian motywów podczas ich wprowadzania.
dzięki Tumblr

z motywem Tumblr, takim jak Kalalalani, Prologue lub Vignetti, możesz dodać listę podobną do blogrolla bezpośrednio na pasku bocznym, dodając kilka linii niestandardowego kodu do szablonu. Jeśli jednak Twój motyw nie obsługuje paska bocznego, nadal możesz dodać blogroll, tworząc nową stronę Tumblr, która zawiera wszystkie blogi, które osobiście obserwujesz i chcesz udostępnić innym.

Dodaj Blogroll do paska bocznego motywu

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

Przewiń kod HTML, aż znajdziesz sekcję zawierającą pasek boczny motywu. Na przykład, pasek boczny dla motywu Kalalalani zaczyna się od „<ol>” i kończy na „</ol>.”

Wstaw pustą linię nad znacznikiem” </ol>”, aby zrobić miejsce na dodatkowy kod HTML.

Wpisz nowy tag „<li>” w pustej linii utworzonej, aby dodać kolejny element listy. Edytor Tumblr automatycznie dodaje dla Ciebie tag zamykający.

wpisz „Blogroll” w punkcie wstawiania między znacznikami „<li>” i „</li>”, aby utworzyć etykietę dla sekcji blogroll na pasku bocznym.

kliknij „Update Preview”, aby sprawdzić, czy tekst” Blogroll ” pojawia się na pasku bocznym. Niektóre motywy wymagają dodatkowego kodu CSS, aby nowy tekst był widoczny. Na przykład, aby” Blogroll „był widoczny w motywie Kalalalani, zastąp znacznik” <li > „następującym kodem, który zmieni kolor tekstu etykiety na biały:

<li style =” color::biały”>

kliknij nad tagiem” </ol>”, a następnie naciśnij” Enter”, aby utworzyć pustą linię dla linku blogroll.

wpisz kod HTML elementu listy, który będzie zawierał pierwszy link do blogroll. Na przykład wpisz następujący wiersz pod etykietą blogroll:

<li><a>

edytor automatycznie dodaje znaczniki zamykające podczas pisania, dzięki czemu kod wygląda tak:

<li><a></a></li>

wpisz kod HTML, aby dodać adres URL pierwszego bloga wewnątrz tagu „<a>”. Na przykład, jeśli twój pierwszy blog ma adres URL ” http://myfavoriteblog.com”, Twój kod powinien przypominać następujący:

<li>< a href=”http://myfavoriteblog.com”></a></li>

kliknij przed tagiem „</a>”, a następnie wpisz nazwę pierwszego bloga. Na przykład, jeśli blog nazywa się „Mój ulubiony Blog”, Twój kod powinien przypominać następującą linię:

<li><a href=”http://myfavoriteblog.com”>Mój ulubiony Blog</a></li>

kliknij „zaktualizuj Podgląd”, aby wyświetlić zmiany.

Dodaj kod CSS, aby zmniejszyć rozmiar nazwy pierwszego bloga. Na przykład, jeśli używasz motywu Kalalalani, Zmień rozmiar czcionki na około 10 pikseli. Twój skorygowany kod powinien wyglądać następująco:

<li style=”font-size:10px”><a href=”http://expectedend.com”>My ulubiony Blog</a></li>

kliknij „Update Preview”, aby wyświetlić zmiany. Użyj pierwszego linku blogroll, który utworzyłeś, jako przykład dodawania dodatkowych blogów.

kliknij „Zapisz”, aby zmiany stały.

Dodaj stronę Blogroll

kliknij strzałkę wstecz w Panelu Dostosuj, a następnie kliknij przycisk „Dodaj stronę”.

wpisz nazwę, aby uzupełnić adres URL nowej strony. Na przykład, jeśli twój adres URL Tumblr to „goodblog.tumblr.com,” Twój uzupełniony URL powinien wyglądać następująco:

goodblog.tumblr.com / blogroll

wpisz tytuł swojej strony blogroll, a następnie kliknij przełącznik „Pokaż link do tej strony”, aby ją włączyć.

wpisz nazwę swojego pierwszego bloga w polu edycji.

wybierz nazwę bloga, a następnie kliknij przycisk „Wstaw/edytuj Link”.

wpisz adres URL bloga w polu wprowadzania oznaczonym „Link URL”, kliknij przycisk” Wstaw link”, a następnie kliknij ” Zapisz.”

Ostrzeżenia

podczas gdy zmiany szablonu mogą wyglądać OK w okienku podglądu Tumblr lub w przeglądarce internetowej, użytkownicy korzystający z innej przeglądarki lub urządzenia mobilnego mogą widzieć elementy nie na miejscu lub zniekształcone. Wyświetl swój blog Tumblr przy użyciu jak największej liczby różnych przeglądarek i platform sprzętowych, aby upewnić się, że Twoja witryna zawsze wygląda tak, jak zamierzałeś.

Write a Comment

Twój adres e-mail nie zostanie opublikowany.