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!

21 komentářů

  1. Silvi, díky za super článek!:)

    OdpovědětVymazat
    Odpovědi
    1. Ahoj Zuzi, jsem ráda, že ti (hádám?) pomohl!

      Měj se krásně!
      Silvi

      Vymazat
  2. Moc hezky napsaný a vysvětlený článek :)

    Nela Agáta z blogu Růžová rtěnka

    OdpovědětVymazat
    Odpovědi
    1. Neli, vždycky se snažím, aby to bylo názorné a pochopil to každý. Tak mám radost, že se to snad podařilo :)

      Měj se hezky!
      Silvi

      Vymazat
  3. Přesně takovýhle článek jsem před pár týdny hledala, když jsem si chtěla dát na blog Facebook Like Box, nakonec jsem se mi to nějak podařilo, ale byl to boj :D

    Another Dominika

    OdpovědětVymazat
    Odpovědi
    1. Domčo, ale když na to člověk přijde sám, je to vždycky největší radost!! :)

      Měj se hezky!
      Silvi

      Vymazat
  4. Odpovědi
    1. Blani, to mám radost, že ti byl návod užitečný. Držím palce, ať fanoušků na FB přibývá!

      Silvi

      Vymazat
  5. Dobrý den Silvi,
    moc děkuji za "blbuvzdorný" postup :) Podle návodů na vašich stránkách postupně upravuju svůj blog a nemusím nic složitě hledat na internetu. Odvádíte opravdu kus dobré práce pro nás "hobby bloggery". Ještě jednou moc díky a přeji hezkou neděli ze Švýcarska!
    http://www.adinajustina.blogspot.ch/

    OdpovědětVymazat
  6. Super, děkuji moc. Bylo to nakonec docela jednoduché :) což znamená, že to umíš dobře vysvětlit, protože na tyto věci jsem většinou levá jak turecká šavle.

    OdpovědětVymazat
  7. Není něco takového i na Pinterest?

    OdpovědětVymazat
  8. Silvi tebe nemít ! Moc děkuji za návod ! :)

    OdpovědětVymazat
  9. Za tyto návody jsem moc vděčná! Hodně mi pomáhají :) jen se chci zeptat jak mohu pridat na postranní listu instagram s náhledy fotografii? Viděla jsem to uz na několika blogspotech. Predem diky za radu.

    OdpovědětVymazat
  10. Ahoj Silvi,
    tvoje články jsou opravdu boží a hodně mi pomohly s designem mého blogu, na kterém pracuji teprve pár dní.. :)
    Chtěla jsem se zeptat jestli se toto dá aplikovat i na "ukázku" instagramu na blogu, popř. jestli nemáš nějaký návod jak na to :D
    s pozdravem Baruš
    http://barbarazoch.blogspot.cz/

    OdpovědětVymazat
    Odpovědi
    1. Ahoj Barbaro,
      děkuji za milý komentář! ♥ :) Jsem moc ráda, že mé návody plní svůj účel!

      Tento návod slouží výhradně na Facebook box, na Instagram box se chystám zveřejnit návod během února. Pokud se ti nechce čekat, našla jsem pro tebe zahraniční návod, jak na to . Držím palce, ať se Ti do podaří! :)

      Krásný den
      Silvi

      Vymazat
  11. Ahoj, moc pěkné návody, děkuji, chtěl jsem se jen zeptat, funguje to nějak podobně i s Instagramem?

    OdpovědětVymazat
    Odpovědi
    1. Ahoj Davide, nefunguje. Toto je návod pouze na Facebook box, na Instagram box se chystám zveřejnit návod během února. Pokud se ti nechce čekat, našla jsem zahraniční návod, jak na to ... držím palce, ať se Ti to podaří!

      Měj se krásně!
      Silvi

      Vymazat
  12. ahoj, skvělí článek. Děkuji za radu.

    OdpovědětVymazat
  13. Děkuji za všechny tvé velmi nápomocné články! Tak moc mi ulehčují začátky a všechny novinky pro mě! :)

    OdpovědětVymazat
  14. Děkuji za Vaše návody- jste skvělá!!!!!♥

    OdpovědětVymazat
  15. Ahoj. prosím ťa ako si vyrobím tú časť čo máš aj ty napravo "Sledujte mě", že keď kliknem na mini ikonu napr fb, insta, atď, priamo sa mi otvorí môj profil?
    Potrebujem si tam dať linky na viac profilov na rôznych portáloch a neviem ako na to... vopred ďakujem!! ♥

    OdpovědětVymazat

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