Jak dodać Blogroll na Tumblr

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

Dodaj Blogroll do Pasek boczny motywu

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

Przewiń kod HTML, aż znajdziesz sekcję zawierającą motyw Pasek boczny. Na przykład pasek boczny motywu Kalalalani zaczyna się od „& lt; ol id =” nav ”& gt;” i kończy się znakiem „& lt; /ol & gt ;.”

Wstaw pustą linię nad „& lt; /ol & gt;” tag, aby zrobić miejsce na dodatkowy kod HTML.

Wpisz nowy „& lt; li & gt;” znacznik w pustej linii utworzonej, aby dodać kolejny element listy. Edytor Tumblra automatycznie dodaje dla ciebie tag zamykający.

Wpisz „Blogroll” w punkcie wstawiania między „& lt; li & gt;” i „& lt; /li & gt;” tagi, aby utworzyć etykietę dla sekcji blogroll paska bocznego.

Kliknij „Aktualizuj podgląd”, aby zobaczyć, czy tekst „Blogroll” pojawia się na pasku bocznym. Niektóre motywy wymagają dodatkowego kodu CSS, aby nowy tekst był widoczny. Na przykład, aby uczynić „Blogroll” widocznym w motywie Kalalalani, zastąp „& lt; li & gt;” tag z następującym kodem, który zmieni kolor tekstu etykiety na biały:

& lt; li style = "color: white" & gt;

Kliknij powyżej „& lt; /ol & gt;” tag, a następnie naciśnij „Enter”, aby utworzyć pusty wiersz dla linku do blogroll.

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

& lt; li & gt; & lt; a & gt;

Edytor automatycznie doda tagi zamykające dla Ciebie podczas pisania, aby kod wyglądał w ten sposób:

& lt; li & gt; & lt; a & gt; & lt; /a & gt; & lt; /li & gt;

Wpisz kod HTML, aby dodać adres URL pierwszego bloga wewnątrz „& lt; a & gt; ” etykietka. Na przykład, jeśli Twój pierwszy blog ma adres URL „https://myfavoriteblog.com”, kod powinien być podobny do następującego:

& lt; li & gt; & lt; a href = ”https://myfavoriteblog.com „& gt; & lt; /a & gt; & lt; /li & gt;

Kliknij przed„ & lt; /a & gt; ” tag, a następnie wpisz nazwę pierwszego bloga. Na przykład, jeśli blog nazywa się „Mój ulubiony blog”, kod powinien przypominać następujący wiersz:

& lt; li & gt; & lt; a href = „https://myfavoriteblog.com” & gt; Moje ulubione Blog & lt; /a & gt; & lt; /li & gt;

Kliknij „Aktualizuj podgląd”, aby wyświetlić zmiany.

Dodaj kod CSS, aby zmniejszyć rozmiar pierwszego bloga. Na przykład, jeśli użyjesz motywu Kalalalani, zmień rozmiar czcionki na około 10 pikseli. Skorygowany kod powinien wyglądać następująco:

& lt; li style = "font-size: 10px" & gt; & lt; a href = "https://expectedend.com" & gt; Mój ulubiony blog & lt; /a & gt; & lt; /li & gt;

Kliknij przycisk „Aktualizuj podgląd”, aby wyświetlić zmiany. Użyj pierwszego utworzonego linku blogroll jako przykładu dodawania dodatkowych blogów.

Kliknij przycisk „Zapisz”, aby wprowadzić zmiany na stałe.

Dodaj stronę Blogroll

Kliknij strzałkę wstecz na 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”, wypełniony adres URL powinien wyglądać następująco:

goodblog.tumblr.com/blogroll

Wpisz tytuł swojego strona blogroll, a następnie kliknij przełącznik „Pokaż link do tej strony”, aby go 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 wejściowym oznaczonym „Link URL”, kliknij przycisk „Wstaw link”, a następnie kliknij przycisk „Zapisz”.

Ostrzeżenia

Podczas gdy zmiany motywu mogą wyglądać dobrze w okienku podglądu Tumblra lub w przeglądarce internetowej, odwiedzający korzystający z innej przeglądarki lub urządzenia mobilnego mogą widzieć elementy nie na miejscu lub zniekształcone. Zobacz swój blog Tumblr, korzystając z jak największej liczby różnych przeglądarek i platform sprzętowych, aby zapewnić, że witryna zawsze wygląda tak, jak chcesz.

URL:https://pl.whycomputer.com/Internet/100318852.html