Przejdź do głównej zawartości

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)

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. Wielkie dzięki, od dawna tego szukałam! :)

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

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

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

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

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

    OdpowiedzUsuń
  23. 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ń
  24. 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ń
  25. Dziękuję, bardzo pomocne

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

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

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

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

    OdpowiedzUsuń
  30. 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ń
  31. 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ń
  32. 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ń
  33. Dziękuję bardzo za pomoc w dodawaniu, pomogło :)

    OdpowiedzUsuń
  34. 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ń
  35. Ja też mam z tym problem, nie wyświelta mi się IFRAME

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

    sniadanieubasi.blogspot.com

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

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

    OdpowiedzUsuń
  39. 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ń
  40. 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ń
  41. 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ń
  42. SUPER poradnik! wszystko działa.Dziękuje :)

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

    OdpowiedzUsuń

Prześlij komentarz

Popularne posty z tego bloga

Jak zrobić szablon na bloga blogspot?

Przedstawiam kilka sposób na to jak zrobić własny szablon na bloga blogspot. Od najprostszych do bardziej skomplikowanych. W kolejnych postach postaram się omówić i pokazać wam je dokładniej.

Jak wyśrodkować nagłówek bloga blogspot?

Nagłówek to górna część bloga. Blogspot umożliwia nam umieszczenie w nim tytułu, opisu (pojawiają się one domyślnie) a także obrazu. Zawartość nagłówka pojawia się zwykle z lewej strony bloga. Możemy jednak zmienić jego ustawienie.