Jak dodać kolejny pasek boczny w Tumblr

Wprowadzenie

Większość szablonów Tumblr oferuje już dwa lub więcej pasków bocznych, ale czasem chcesz dodać dodatkowy pasek do istniejącego motywu. Dzięki stronie Customize możesz zmodyfikować CSS i HTML, aby stworzyć drugi pasek boczny.

Krok po kroku

1. Zaloguj się na swoje konto Tumblr.
2. W prawym panelu kliknij przycisk Customize.
3. Po lewej stronie wybierz Edit HTML, aby otworzyć edytor kodu.
4. Znajdź sekcję CSS odpowiadającą obecnemu paskowi bocznemu. Może to być #side{, #sidebar{, #lefts{ lub podobna nazwa. Zaznacz cały kod aż do zamykającego nawiasu } i skopiuj go (Ctrl +C).
5. Przewiń do końca tego kodu i wklej jego kopię (Ctrl + V) tuż pod oryginałem.
6. Zmień nazwę nowego selektora, np. #side{ → #side2{. Pamiętaj, aby usunąć cudzysłowy w całym kodzie.
7. Dostosuj właściwości CSS nowego paska, aby nie zachodził na pierwszy. Przykładowo, jeśli pierwszy pasek ma left: 1050px;, ustaw dla drugiego wartość left: 850px; lub inną, która umieści go obok pierwszego. Możesz także zmienić width i height, aby uniknąć nakładania się elementów.
8. Przed zamknięciem znacznika </body> wklej poniższy kod, zamieniając Your 2nd Sidebar Name na wybraną nazwę, np. side2:
   <div id="side2"></div>
9. Wewnątrz nowego <div> wstaw dowolny tekst lub kod HTML, np.:
   <big>Mój drugi pasek boczny</big>
10. Kliknij przycisk Update Preview w lewym panelu, aby zobaczyć podgląd zmian.
11. Jeśli wszystko wygląda poprawnie, naciśnij Save, aby zapisać zmodyfikowany motyw.

Porady

• Przed rozpoczęciem edycji wykonaj kopię zapasową motywu – możesz ją przywrócić na stronie Recover Custom Theme.
• Sprawdź podgląd bloga po każdej większej zmianie, aby upewnić się, że układ jest prawidłowy.

Ostrzeżenia

Manipulowanie kodem HTML i CSS może spowodować nieprawidłowe wyświetlanie elementów. Zachowaj ostrożność i zawsze testuj zmiany w podglądzie przed zapisaniem.