Jak umístit banner na Tumblr

Většina témat na Tumblr umožňuje zobrazit bannerový obrázek v horní části blogu místo názvu. Pokud se banner nevyrovná podle vašich představ, můžete jeho zarovnání změnit úpravou HTML kódu šablony. Pokud vaše téma banner nepodporuje, nebo chcete banner umístit nad název, můžete jej přidat a umístit ručně.

Témata s obrázkem hlavičky

1. Na ovládacím panelu Tumblr klikněte na Úpravy (Customization) a otevřete nastavení šablony.
2. V levém sloupci v sekci Vzhled klikněte na tlačítko Nahrát vedle položky Header a nahrajte požadovaný obrázek banneru.
3. Poté v horní části panelu klikněte na Upravit HTML (Edit HTML) a otevřete kód šablony.
4. Stiskněte Ctrl + F a vyhledejte řetězec {Title}. Obvykle se nachází krátce po značce <body>, často uvnitř <div id="title"> nebo <div id="header">.
5. Obalte {Title} značkami <center> a </center> takto:
   <center>{Title}</center>
6. Stiskněte Aktualizovat náhled (Update Preview) a ověřte, že se banner zarovnal doprostřed. Pokud ne, vraťte změny a zkuste upravit jinou část kódu.
7. Po úspěšném nastavení klikněte na Uložit a poté na Ukončit (Exit). Pro zrušení změn použijte šipku zpět a opět Ukončit.

Manuální přidání a umístění banneru

1. Nejprve nahrajte obrázek banneru pomocí stránky pro nahrávání na Tumblr (nebo použijte jiný hosting, např. PhotoBucket, TinyPic) a zkopírujte získanou URL.
2. V ovládacím panelu Tumblr otevřete Úpravy a poté Upravit HTML.
3. Stiskněte Ctrl + F a vyhledejte značku <head>.
4. Bezprostředně pod touto značkou vložte nový řádek s následujícím kódem:
   <center><img src="URL_BANNERU" width="700"></center>
5. Vyměňte URL_BANNERU za skutečnou adresu vašeho obrázku.
6. Opět klikněte na Aktualizovat náhled a ujistěte se, že se banner zobrazuje správně. Po případných úpravách klikněte na Uložit a Ukončit.

Tipy

Pro zarovnání banneru vlevo nebo vpravo použijte místo <center> značky <left> nebo <right> a odpovídajícím způsobem upravte koncové značky.

Upozornění

Postup funguje ve většině standardních šablon Tumblr, ale některá témata mohou vyžadovat definování obrázku v CSS souboru šablony. V takovém případě je potřeba základní znalost CSS a konkrétní kroky se liší podle designu šablony.