Ako udržať hlavičku na svojom mieste na Tumblr

Záhlavie vášho blogu Tumblr ponúka dobrú príležitosť na propagáciu vašej značky alebo loga, ale už sa nezobrazuje, keď návštevníci začnú prechádzať vašimi príspevkami. Ak chcete zachovať hlavičku na svojom mieste, aby zostala viditeľná, aj keď sa návštevníci posúvajú nadol, musíte upraviť kód HTML svojej témy Tumblr. Tumblr vám poskytuje prístup k zdrojovému kódu vybratej témy a pred uložením akýchkoľvek zmien si môžete prezrieť jeho výsledky.

Prihláste sa do svojho účtu Tumblr a na hlavnom paneli prejdite na stránku Nastavenia.

Vyberte svoj blog Tumblr zo zoznamu vľavo a potom kliknite na položku Prispôsobiť, aby ste sa dostali na obrazovku prispôsobenia.

Kliknutím na "Upraviť HTML" získate prístup k integrovanému editoru kódov tém Tumblr.

Prejdite kódom a nájdite sekciu, ktorá definuje hlavičku vášho blogu. Táto časť sa líši v závislosti od témy, ktorú používate. Napríklad témy ako Rubber Cement a Plaid, ktoré používajú názov blogu ako textovú hlavičku, používajú na definovanie sekcie hlavičky značku „H1“. Témy, ktoré vám umožňujú nahrať hlavičku obrázka, napríklad Redux, použite značku „#wrapper #title“.

Pridajte nový riadok do časti kódu hlavičky a napíšte „position: fixed;“ (bez úvodzoviek), aby sa určilo, že hlavička musí zostať pevná na svojom mieste, keď sa posúva zvyšná časť stránky.

Pridajte nový riadok pod novo pridaný kód a napíšte „z-index: 100;“ (bez úvodzoviek), aby ste určili, že hlavička musí vždy zostať najvyššou vrstvou. Hodnota „z-index“ zabraňuje iným prvkom stránky, ako sú obrázky alebo videá, aby prekrývali hlavičku, keď návštevníci prejdú po stránke dole.

Kliknite na tlačidlo „Aktualizovať ukážku“ a použite koliesko myši alebo posúvače prehliadača prejdite nadol svoj blog Tumblr. Skontrolujte, či hlavička zostáva pevná na svojom mieste.

Kliknutím na tlačidlo „Uložiť“ uložíte zmeny, ktoré ste vykonali v kóde témy.

Tipy

Zmena kódu udržanie hlavičky na svojom mieste môže spôsobiť, že hlavička prekrýva obsah príspevku a bočný panel niektorých tém. Pridajte riadok „horný okraj: 300 pixlov;“ (kde číselná hodnota je výška hlavičky) do sekcií za postom a bočným panelom kódu, aby sa hlavička udržala nad iným obsahom stránky.

• Predchádzajúca strana: Ako funguje telefonické overenie Yelpu?
• Ďalšia strana: Ako komentovať bez Reblogu na Tumblr