NÁVOD NA BLOG | Jak nahradit text "Další informace »" obrázkem



To, jak skrýt část příspěvku a jak změnit předdefinovaný text Další informace » už víte z tohoto návodu. Chtěli byste mít ale místo textu raději nějaký obrázek? Pojďme se podívat, jak na to!




1. Jako první stáhněte původní šablonu do počítače. V záložce Šablona klikněte na Zálohování / Obnovení a zvolte možnost Stáhnout celou šablonu. Budete tak mít jistotu, že kdyby se cokoliv přihodilo, máte se kam vrátit - stačí šablonu jednoduše znovu nahrát.

2. Jakmile máte staženou šablonu, klikněte na Upravit HTML

3. Vyhledejte tento kus kódu
<div class='jump-link'>

TIP navíc: Pokud se vám náhodou stane, že se nic nenajde, zkuste ještě hledat  JumpLink


Celý kousek kódu, o který nám jde, by měl vypadat přibližně takto

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

(pokud jste použili návod na zarovnání odkazu na střed, může druhý řádek vypadat následovně "<div class='jump-link' style="text-align:center;">")

4. Zvýrazněnou část nahraďte – viz níže.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
<img src="http://urltoyourimage.com/yourimage.jpg"/></a>
</div>
</b:if>


URL adresu samozřejmě nahradíte adresou obrázku. Nahrát ho můžete například na Postimage.org či přímo do své fotogalerie na blogu. Důležité je mít přímou adresu s koncovkou .jpg, .png apod.

5. Poté si můžete zobrazit náhled kliknutím na Náhled šablony (Je důležité, abyste v některém z článku na blogu použili tohle skrytí příspěvku, jinak nezjistíte, jestli to funguje :)

6. Vše v pořádku? Klikněte na Uložit šablonu. Hotovo.

Moje tipy

Já osobně používám na blogu také místo textu obrázek. Dávám vám ho (společně se třemi dalšími) volně ke stažení - stačí kliknout na text buttonu, který se vám líbí, a obrázek uložit. Použila jsem font Verdana ve velikosti 11 px.

Můžete to ale vzít jen jako inspiraci. Je totiž opravdu jednoduché udělat si vlastní button. Stačí jakýkoliv grafický program, ve kterém lze přidávat text a rámeček :)





Návod byl aktualizován v říjnu 2016.

K tomuto tématu se váže i návod Jak změnit text Další informace »  

Podívejte se ale i na další návody na blog. Třeba se vám bude něco hodit!

22 komentářů

  1. Zahraju si trochu na Francouze s jejich věčným opakováním a řeknu: jsi skvělá, skvělá, skvělá! Vivi ;-)

    OdpovědětVymazat
  2. A Ty jsi zase MOC hodná na mě!

    OdpovědětVymazat
  3. ty si uuuzasna! mam z toho hroznou raodst! povedlo se mi to napoprve! ach dekuju za návod,) du si upravit obrázek:D soupla sem tam neco jen abych to zkusila..achjo:D mam radost:D

    OdpovědětVymazat
  4. super!!! ale teď jak okolo toho odstranit ten rámeček?:( když u ostatních fotek ho chci mít..nevíš?

    OdpovědětVymazat
  5. ha, už jsem na to přišla!:D ale teď nevím jak to dát na střed achjo to je složité!:/

    OdpovědětVymazat
  6. Joll, já taky nepřišla jak na střed, ale mohu ti to zjistit, jestli to vůbec jde. Stejně tak s tím rámečkem, ale to si myslím, že nevyjde, pokud to chceš POUZE na tohle :(

    OdpovědětVymazat
  7. s tím rámečkem asi ne no..:( a na střed teda myslíš, že půjde nějak? nepřišla jsem na to vůbec a to jsem se v tom hrabala dobrou hodinu..:/

    OdpovědětVymazat
  8. Můžu se zeptat, jak to dát na střed? Vyřešily jste to, holky?:) Dík moc za odpověď.

    OdpovědětVymazat
  9. Martino a ostatní - jediné řešení, které mě napadlo: jak budete dělat ikonku na rozkliknutí, tak v nějakém grafickém programu vyhledat něco jako "velikost plátna" a dát šířku na takovou velikost, jaká je šířka textu na vašem blogu (té hlavní části, kde máte příspěvky) - to zjistíte v Návrháři šablon. Takže podle mě to takhle jde "obalamutit"

    OdpovědětVymazat
  10. waaau to mě nenapadlo, hodně chytré Silvi!;D tleskám!

    OdpovědětVymazat
  11. Mám otázku...ja mám len foto blog kde dávam fotky....chcela by som oddeliť príspevky nejakým obrázkom -ikonou ide to takto...som skúšala a nič tak neviem poradíš ako?Zatial vkladám do každého príspevku mini obrázok,ale je to zdlhavé by som chcela automaticky.Dakujem Mirka

    OdpovědětVymazat
  12. mne nenaslo ani jeden z tych kodov...skusala som aj inu aplikaciu, kde bolo treba najst kod a ani ten mi nenaslo... :-(((

    OdpovědětVymazat
  13. Dori, napiš mi prosím mail! designsilvi@gmail.com! Vyřešíme to spolu!
    Silvi

    OdpovědětVymazat
  14. mne nejde ani ten posledný kód nájsť :-(

    OdpovědětVymazat
  15. LaMarianaMia - klikla jsi na možnost " Rozbalit šablony pomůcek" ?

    OdpovědětVymazat
  16. Já bych si chtěla udělat podobné zápatí jako ty, ale prostě nevím jak.. návod jsem našla, ale asi je starý..

    OdpovědětVymazat
  17. Mně by stačilo, kdyby někdo napsal, kde mám "Rozbalit šablony pomůcek" najít v novém Blogspotu:-). Já to tam nikde nemám:-).

    OdpovědětVymazat
    Odpovědi
    1. Nenašla jsi to už? taky to nemůžu nikde najít :/

      Vymazat
    2. Ahoj, můžu se zeptat, kde to tedy v novém blogspotu najdu? :) díky

      Vymazat
  18. Když jsem našla tenhle blog! :3 fakt užasný jak to tady tak dobře popisuješ! :3 díky moc :3

    OdpovědětVymazat

Děkuju za vaše komentáře. Děláte mi velkou radost! ♥