Jak přidat obrázek za hlavičku blogu na Tumblr

Standardně blog na Tumblr zobrazuje textovou hlavičku s názvem blogu nad příspěvky. Pokud chcete vzhled oživit, můžete do hlavičky vložit vlastní obrázek a nechat nad ním zobrazovat text. Ve výchozím motivu Tumblr stačí upravit HTML o jediný řádek kódu.

Krok za krokem

1. Přihlaste se ke svému účtu na Tumblr a otevřete stránku Upload a Static File (odkaz v sekci Zdroje). Toto místo slouží jen pro soubory motivu, nepoužívejte jej k nahrávání obrázků do příspěvků.
2. Vyberte obrázek, který chcete použít jako pozadí hlavičky, a klikněte na „Upload File“. Velikost souboru nesmí přesáhnout 5 MB a denní limit je 15 MB.
3. Po nahrání si zkopírujte URL adresu, kterou Tumblr zobrazí.
4. Otevřete Tumblr Settings, zvolte blog, který chcete upravit, a klikněte na „Edit Theme“. Pak vyberte „Edit HTML“.
5. V HTML kódu najděte sekci hlavičky. Pro rychlé vyhledání použijte Ctrl + F a hledejte řetězec IfShowBlogTitle.
6. Na řádku s {Title} vložte následující kód těsně před něj: <div style="background:url([VLOŽTE_URL_OBRÁZKU]);">. Vložte zkopírovanou adresu obrázku místo [VLOŽTE_URL_OBRÁZKU].
7. Klikněte na „Update Preview“ a zkontrolujte, jak blog vypadá. Pokud jste spokojeni, potvrďte změny tlačítkem „Save“.

Tipy

Pokud text překryje větší plochu než je obrázek, obrázek se automaticky opakuje. Chcete‑li, aby se zobrazil jen jednou, doplňte do stylu background-repeat:no-repeat; před koncový uvozovkový znak.

Upozornění

Popisované kroky platí pro výchozí motiv Tumblr. U jiných motivů může být úprava hlavičky řešena odlišně nebo může být k dispozici vestavěná možnost bez nutnosti editace kódu.