NÁVOD NA BLOG | Jak vložit Facebook Like Box


Vlastní Facebooková stránka je pomalu nezbytnou součástí každého blogu. A box v postranní liště blogu může představovat jednu z mnoha možností, jak dát o FB stránce svým čtenářům vědět. Díky němu vás mohou jednoduše lajknout, aniž by museli opouštět váš blog. Nepřijdou tak o žádný článek ani další zajímavosti, které na Facebooku sdílíte.

Jak takový Facebook Like Box nastavit na blogu? O tom je tento návod. Zvládne to každý, i vy!

1. část: Získejte kód na Facebooku

1. Najeďte si na svou Facebookovou stránku a zkopírujte odkaz v adresním řádku


2. Přejděte na odkaz – Page Plugin: https://developers.facebook.com/docs/plugins/page-plugin

3. Vyplňte jednotlivé části:
  • Adresa URL stránky na Facebooku: Zde vložíte zkopírovaný odkaz na vaši FB stránku
  • Karty – například možnost timeline vám zobrazí nejnovější příspěvky
  • Width – šířka Facebook boxu - odvíjí se od šířky postranního boxu. Pokud používáte předdefinovanou šablonu, zjistíte v možnosti Šablona > Personalizovat > Upravit šířky
  • Výška – výška Facebook boxu. Osobně nenastavuji.


4. Zaškrtněte/odškrtněte doplňující informace
  • Use Small Header – určuje, jak velká cover fotografie bude.
  • Adapt Plugin container width – šířka by se automaticky měla přizpůsobit šířce postranního boxu. Mám zkušenost, že je ale lepší uvádět spíše šířku boxu ručně v části Width.
  • Hide Cover Photo – nezobrazí vaši cover fotografii.
  • Show Friend's Faces – zobrazí tváře vašich přátel, kteří sledují vaši stránku.

5. Jakmile nastavíte vše potřebné, klikněte na Získat kód a překlikněte se na IFrame. Zkopírujte celý kód.


2. část: Vložte kód na blog

1. Přejděte do karty Rozvržení. Klikněte na možnost Přidat Gadget a vyberte HTML / JavaScript.

2. Do části Nadpis můžete vložit třeba nějakou výzvu typu Sledujte mě na Facebooku, nebo ji nechat prázdnou.



3. Do části Obsah vložte kód, který jsem si zkopírovali. Poté zvolte možnost Uložit a na kartě Rozvržení ještě změnu potvrďte možností Uložit uspořádání (najdete ji nahoře vpravo).

4. Podívejte se na blog, jestli je to podle vašich představ a následně případně upravte na kartě Rozvržení pozici widgetu - jednoduše přetažením. Následně uložte uspořádání. A je to!

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