Jak vložit GIF pod titul na Tumblr

Většina šablon pro Tumblr nabízí buď textový nadpis, nebo obrázek v hlavičce. To vás nutí volit mezi designem a funkčností. S malou úpravou HTML šablony můžete pod standardní nadpis vložit libovolný obrázek – i animovaný GIF – a získat tak to nejlepší z obou světů.

Krok 1 – Nahrajte GIF

GIF můžete nahrát přímo na Tumblr pomocí statické stránky pro nahrávání (odkaz v sekci Zdroje) a po nahrání zkopírovat získanou URL. Velikost souboru udržujte pod 5 MB. Alternativně můžete použít externí hostitele obrázků jako TinyPic, Photobucket nebo Flickr.

Krok 2 – Otevřete HTML šablony

Na svém dashboardu klikněte na Customize a poté na Edit HTML. Otevře se editor kódu šablony.

Krok 3 – Najděte místo pro nadpis

Stiskněte Ctrl + F a vyhledejte řetězec <body>. V těle HTML najděte proměnnou {Title}, která se nachází mezi značkami <a href="/"> a </a>.

Krok 4 – Vložte kód GIFu

Za ukončovací značku </a> vložte nový řádek s následujícím kódem, přičemž URL_VÁŠHO_GIFU nahradíte skutečnou adresou obrázku:

<img src="URL_VÁŠHO_GIFU">

Úprava velikosti a zarovnání

Pro změnu rozměrů přidejte atribut width. Pro vycentrování můžete použít značku <center> nebo CSS. Příklad centrálního GIFu širokého 700 px:

<center><img src="URL_VÁŠHO_GIFU" width="700"></center>

Krok 5 – Uložte změny

Stiskněte Update Preview a zkontrolujte, jak GIF vypadá. Pokud jste spokojeni, klikněte na Save. Pro zrušení změn použijte tlačítko zpět a poté Exit.