Jak přidat druhý postranní panel do Tumblr

Jak přidat druhý postranní panel do Tumblr

Upravte téma svého Tumblr blogu tak, aby obsahovalo další postranní panel. Většina šablon má již jeden nebo více panelů, ale můžete si přidat vlastní druhý panel úpravou CSS a HTML.

Krok za krokem

1. Přihlaste se na Tumblr.
2. V pravém postranním panelu klikněte na tlačítko „Přizpůsobit“.
3. V levém postranním panelu zvolte „Upravit HTML“, čímž otevřete editor šablony.
4. Vyhledejte CSS kód, který definuje váš současný postranní panel. Často bývá označen jako #side{, #sidebar{, #lefts{ nebo podobně. Označte celý blok až po závěrečnou složenou závorku.
5. Stiskněte Ctrl + C a zkopírujte kód do schránky.
6. Umístěte kurzor na konec původního bloku a stiskněte Ctrl + V – vloží se kopie kódu pod původní.
7. Upravte identifikátor nové verze – například změňte #side{ na #side2{. (Uvozovky se v kódu nepoužívají.)
8. Upravte hodnoty CSS tak, aby se druhý panel nepřekrýval s prvním. Pokud první panel používá left: 1050px;, můžete pro druhý nastavit left: 850px; nebo jinou vhodnou hodnotu. Můžete také měnit šířku a výšku panelu.
9. Před uzavírací značku </body> vložte následující řádek a nahraďte side2 názvem, který jste zvolili:

   <div id="side2"></div>

10. Mezi otevřenou a uzavírací značku <div> vložte libovolný text nebo HTML – například:

    <big>Můj druhý postranní panel</big>

11. Klikněte na tlačítko „Aktualizovat náhled“ v levém panelu a zkontrolujte, jak se změny projeví.
12. Po spokojenosti s výsledkem stiskněte „Uložit“.

Tipy

• Před uložením si vždy prohlédněte náhled, abyste se ujistili, že vše vypadá správně.
• Staré verze šablon můžete obnovit pomocí stránky Recover Custom Theme (odkaz v sekci Zdroje).

Upozornění

• Úpravy HTML a CSS mohou ovlivnit vzhled a funkčnost blogu. Při změnách buďte opatrní a testujte výsledek.