NÁVOD NA BLOG | Jak změnit text "Další informace »"

Při psaní dlouhých příspěvků se někdy vyplatí část skrýt, aby zbytečně nezabraly rozsáhlou část blogu. Mnozí z vás jistě ví, o čem mluvím, a běžně tuto možnost používají. Jak ale změnit text a zarovnat ho na střed?

Jak skrýt část článku?

Pokud jste úplní blogoví začátečníci, možná tápete, jak vůbec tohle do článku vložit. Je to snadné! :) Tam, kde chcete příspěvek rozdělit, klikněte na označenou ikonku.

Jak změnit text "Další informace »" (příp. "Read more »")

Předdefinovaná hláška "Další informace »" vás nenadchla a rádi byste přece jen něco trefnějšího? Záležitost pár minut!

1. V nastavení Blogspotu klikněte na záložku Rozvržení

2. V boxu Příspěvky na stránce klikněte na Upravit

3. Upravte část Text odkazu na stránku příspěvku.
(mimochodem v této části můžete změnit celou řadu informací týkající se přímo příspěvku)

Nyní změnu potvrďte tlačítkem Uložit. Máte hotovo!

Jak změnit pozici odkazu na střed?

Defaultně je zarovnání odkazu na skrytou část napravo. Ne každému se to ale líbí, takže si ukažme, jak ho zarovnat na střed.

Představím vám dva způsoby, jak na to. Prvně vyzkoušejte ten první - velmi pravděpodobně vám bude fungovat. Výjimečně se ale může stát, že vám ale i přesto zůstane odkaz na skrytou část příspěvku na stejném - levém - místě. Pak nastupuje řešení číslo 2.

Řešení č. 1

1. Postupujte cestou Šablona > Personalizovat > Pokročilé

2. V části Přidat CSS přidejte následující kód

.jump-link {
text-align:center;
}

3. Můžete se hned v náhledu podívat, jestli to funguje. (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 :)

4. Poté klikněte na možnost Použít na blog.

Řešení č. 2

Pokud vám první návod nefunguje, nevadí. Existuje náhradní řešení.

1. V záložce Šablona klikněte na Upravit HTML

2. V kódu vyhledejte tuto část:

<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 pak následovně:

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

a doplňte do něj červeně zvýrazněnou část:

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

3. Následně se můžete podívat na Náhled šablony, jestli je vše OK (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 :-)

4. Poté zvolíte možnost Uložit šablonu.

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

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