Szablony Blogger
data:post.title

Jak dodać "Lubię to" Facebooka na blog?

Jeśli macie swoją stronę na Facebooku możecie umieścić na swoim blogu wtyczkę Like Box. Pozwoli ona polubić waszą facebookową stronę bezpośrednio na blogu.
Jeśli nie macie jeszcze strony (fanpage) to nic nie szkodzi. Pokażę jak ją założyć.

Aktualizacja:
obecnie Facebook wycofał tę wtyczkę i wprowadził nową. Nowy sposób na połączenie blogspot i Facebooka znajdziecie na przykład na blogopasji: Jak dodać Facebook na bloga blogspot (blogger)

KROK 1: Założenie strony tzw. fanpage na facebooku

juź niedługo...

KROK 2: Pobranie kodu gadżetu Like Box

Jeżeli posiadacie już stronę na facebooku możecie szybko wstawić wtyczkę Like Box na waszego bloga.

Wchodzimy na stronę https://developers.facebook.com/docs/plugins/like-box-for-pages/


Facebook Page URL: tu wklejamy adres swojej strony facebookowej
Color Scheme (schemat kolorów): wybieramy czy nasz blog ma jasne (light) czy ciemne tło (dark)
Show Friends' Faces (pokaż tworze/zdjęcia lubiących): wybieramy aby oprócz nazwy strony, avataru i przycisku Lubię to pojawiały się avatary osób
Show Posts (pokaż wpisy): zaznaczamy, jeśli chcemy by pojawiały się również wpisy z facebooka
Show Header (pokaż nagłówek): zaznaczamy, jeśli chcemy na górze mieć nagłowek: Znajdź nas na Facebooka
Show Border (pokaż ramkę(: zaznaczamy jeśli chcemy wokół gadżetu mieć ramkę
Width (szerokość), Height (wysokość): na początku pozostawiamy puste. Wartości należy uzupełnić gdy gadżet nie mieści się np. w pasku bocznym.

Poniżej opcji mamy podgląd na gadżet. Wszystkie zmiany w opcjach są od razu widoczne. Jeśli jesteśmy zadowoleni klikamy przycisk Get Code.

Przechodzimy na zakładkę IFRAME i kopiujemy kod:



KROK 3: Wstawienie gadżetu, wtyczki na bloga blogspot


Wstawiamy teraz kod w gadżet HTML/JavaScript.
W tym celu przechodzimy do UKŁAD, następnie wybieramy blok w którym ma pojawić się wtyczka facebooka (np. pasek boczny) i klikamy Dodaj gadżet.  Szukamy na liście gadżetu HTML/JavaScript,
wybieramy go:


 i uzupełniamy Tytuł oraz w pole Treść wklejamy skopiowany wcześniej kod:


Zapisujemy (klikamy Zapisz). Wróciliśmy do Układ, możemy teraz nasz nowy gadżet przesunąć w wybrane miejsce (wystarczy go chwycić i przesunąć). Na koniec zapisujemy nowe rozmieszczenie gadżetów klikając na samej górze, po prawej stronie pomarańczowy przycisk Zapisz rozmieszczenie.

Mam nadzieję, że i Wam się udało. Wystarczy teraz odświeżyć bloga i polubić swoją stronę :)


Aktualizacja: obecnie Facebook wycofał tę wtyczkę i wprowadził nową - nowy sposób na połączenie blogspot i Facebooka znajdziecie na blogopasji: Jak dodać Facebook na bloga blogspot (blogger)

62 komentarze:

  1. Dzięki wielkie za instrukcje :)

    OdpowiedzUsuń
  2. Wielkie dzięki dobra kobieto, zrobione :)

    OdpowiedzUsuń
  3. robie tak juz pewnie piaty raz i nie widać na blogi
    like box??/

    OdpowiedzUsuń
  4. Dzięki temu opisowi udało mi się wstawić lubię to na swojego bloga.
    Bardzo ładnie i przejrzyście opisane. Za pierwszym razem mi się udało a na innych tłumaczeniach trochę się namęczyłam i nic z tego nie wyszło.
    Dziękuję bardzo. Naprawdę super.

    OdpowiedzUsuń
  5. Super! Bardzo pomogłaś!

    http://jessie-julia-life.blogspot.com/

    OdpowiedzUsuń
  6. Jesteś Mistrzem! Bardzo mi pomogłaś ;)

    OdpowiedzUsuń
  7. bardzo przejrzyście i jasno opisane, dzięki ! :)

    OdpowiedzUsuń
  8. Super wszystko, ale robię wg. poleceń już chyba 7 raz i nic nie dodaje? Czy coś może być nie tak w moim bloggerze? W każdym razie Dzięki

    OdpowiedzUsuń
    Odpowiedzi
    1. a masz już stronę na fb? To musi być strona, a nie twój profil

      Usuń
  9. Hey tak mam stronkę na fb, już próbuję jeszcze raz, dzięki wielkie za wskazówkę :)

    OdpowiedzUsuń
  10. Kurcze za duze mi wyszlo..jak teraz zmienic i jakie wartosci wpisac?

    OdpowiedzUsuń
  11. dziekuje za pomoc własnie nie kumałam jak to zrobic:) dodaje do ulub :)

    OdpowiedzUsuń
  12. dziękuję. genialna pomoc. :)

    OdpowiedzUsuń
  13. Wszystko wykonałem wedle instrukcji i nic. Na koniec otrzymałem następujący komunikat od bloggera: "Niestety, ten gadżet wygląda na uszkodzony. W tym gadżecie są błędy i nie można z niego korzystać do czasu ich poprawienia.". Co z tym zrobić? Oczywiście mam swój fan-page na FB.

    OdpowiedzUsuń
  14. Dziękuję bardzo za pomoc. Tego właśnie szukałam, przejrzystej instrukcji. Pozdrawiam serdecznie :)

    OdpowiedzUsuń
  15. Super wpis, bardzo mi pomogłaś ;) Jasno i prosto opisane krok po kroku, bez problemu udało mi się połączyć fb z blogiem ;)

    OdpowiedzUsuń
  16. Dziękuję bardzo za ogromną pomoc, wszystko tak przejrzyście napisane, że bez problemu dałam radę :)

    OdpowiedzUsuń
  17. Jesteś wielka!!!! DZIĘKUJĘ! ;)

    OdpowiedzUsuń
  18. Wielkie dzięki, od dawna tego szukałam! :)

    OdpowiedzUsuń
  19. dzieki za pomoc,wlasnie udalo mi sie za pierwszym razem dodac :)

    OdpowiedzUsuń
  20. Super instrukcja, dziękuję :-)

    OdpowiedzUsuń
  21. SUPER. Dzięki!!!!!!!!!!!

    OdpowiedzUsuń
  22. SUPER. Dzięki!!!!!!!!!!!

    OdpowiedzUsuń
  23. Świetna instrukcja!! bez tego było by ciężko :P Dzięki :)

    OdpowiedzUsuń
  24. Dziękuje Ci bardzo dobra kobieto męczyłam się z tym już jakiś czas bo te poradniki dla laików to nic nie warte a tu proszę u Ciebie ładnie pięknie i nawet ja umiałam to zrobić :)

    OdpowiedzUsuń
  25. A czy da się wyśerodkować ten gadżet. Tak mam kod css na wyśerodkowywanie tekstu gadżetów ale ten jest dziwnie z boku. Za odpowiedź z góry dzięki::)

    OdpowiedzUsuń
  26. Dziękuję, bardzo pomocne

    OdpowiedzUsuń
  27. Pięknie ci dziękuje. Wszystko jest cacy :)

    OdpowiedzUsuń
  28. Dziękuje :) Dzięki Twoim poradom udało mi się dodać ten gadżet na bloga :)

    OdpowiedzUsuń
  29. Gadżet dodany :-) Dziękuję!

    OdpowiedzUsuń
  30. Życie ratujesz :) dziękuję

    OdpowiedzUsuń
  31. na stronie developers nie mam kodu iframe po zrobieniu wszystkiego. w czym może byc problem?

    OdpowiedzUsuń
    Odpowiedzi
    1. Należy skopiować obydwa kody które wyskoczyły, ten długi i zaraz po nim bez spacji ten krótszy.

      Usuń
  32. No i nie moge... wszystko tak jak piszesz i gdy klikam get code wyskakuje mi cos takiego http://snag.gy/M3wWx.jpg nie mam mozliwosci wybrania iframe, a ten kod co sie wyswietla nie dziala... Ktos cos pomoze? :D

    OdpowiedzUsuń
  33. Kurcze a mi nie wyświetla się coś takiego jak IFRAME mam tylko zwykly kod
    zaczyna się od div później coś script itd...
    i nic więcej :( Pomóż :(

    OdpowiedzUsuń
    Odpowiedzi
    1. Miałam ten sam problem, przepisałam kod źródłowy podany tutaj u szablonki, zmieniłam po swojemu i mam prawie tak, jak chciałam ;)

      Usuń
    2. u mnie też się nie wyświetlał plugin. Gdzieś przeczytałam żeby do widgetu "HTML/JavaScript" wkleić oba kody a nie tylko jeden i podziałało :)

      Usuń
    3. Faktycznie zadziałało! DZIĘKUJĘ!!!! :)

      Usuń
  34. Dziękuję bardzo za pomoc w dodawaniu, pomogło :)

    OdpowiedzUsuń
  35. Ja też mam problem, nie wyświetla się IFRAME, pomooocy!

    OdpowiedzUsuń
    Odpowiedzi
    1. Wystarczy wkleić dwa kody, którę się wyświetlają. I działa

      Usuń
  36. Ja też mam z tym problem, nie wyświelta mi się IFRAME

    OdpowiedzUsuń
  37. Dzięki za info, żeby wkleić 2 kody - w końcu się udało!

    sniadanieubasi.blogspot.com

    OdpowiedzUsuń
  38. Uff!!! Fantastycznie! Jestes wielka!! Dziekuje.
    http://olaoops.blogspot.com

    OdpowiedzUsuń
  39. U mnie działa. Jednak musiałam wkleić oba kody i dopiero sie pojawiło na blogu. dzięki

    OdpowiedzUsuń
  40. Niestety u mnie nic nie widać mimo skopiowania 2 kodów. Czy te kody trzeba ze spacją skopiować czy bez ? Jak to zrobiłyście ???

    OdpowiedzUsuń
  41. niestety nie wiem dlaaczego ale nie wyswietlaja mi sie te zakladki po kliknieciu get code :(

    OdpowiedzUsuń
    Odpowiedzi
    1. spróbuj tej instrukcji: http://blogopasja.blogspot.com/2015/06/blogspot-facebook-jak-dodac-strona-fanpage-na-bloga.html

      Usuń
  42. Hm... Zrobiłam wszystko według instrukcji,ale zamiast niebieskiej chmurki lubię to mam tylko tytuł jaki nadałam. O co chodzi? Nie bardzo wiem gdzie zrobiłam błąd.

    OdpowiedzUsuń
  43. SUPER poradnik! wszystko działa.Dziękuje :)

    OdpowiedzUsuń
  44. dzięki nie wiedziałem,że iframe teraz jest XD

    OdpowiedzUsuń