Jak dodać przycisk (guzik) Facebook Lubię to! – Blogger

Dodanie funkcji automatycznego umieszczania przycisku Lubię to! pod każdym z naszych postów na bloggerze wymaga jedynie poprawnego wklejenia kodu HTML. W paru prostych krokach pokażę jak to zrobić.

1. Logujemy się na nasze bloggerowe konto i klikamy „Projekt”, a następnie „Edytuj kod HTML”.

2. Zaznaczamy opcję „Rozszerz szablony widżetów” i używając skrótu „cmd + f” (dla Mac) lub „Ctrl + f” (dla PC) otwieramy pasek wyszukiwania fragmentu tekstu.

3. Odnajdujemy <data:post.body/> i poniżej wklejamy:

button „Lubię to!” (like):
<div>
<fb:like expr:href=”data:post.url” layout=’standard’ send=’false’ show_faces=’false’ font=”arial” action=”like” colorscheme=”light”></fb:like>
</div>

lub button: „Lubię to!” + „Wyślij” (like+send):
<div>
<fb:like expr:href=”data:post.url” layout=’standard’ send=’true’ show_faces=’false’ font=”arial” action=”like” colorscheme=”light”></fb:like>
</div>

4. Wracamy do paska wyszukiwania i tym razem odnajdujemy </head>. Powyżej umieszczamy:

polski:
<script src=’http://connect.facebook.net/pl_PL/all.js#xfbml=1′ type=’text/javascript’/>

lub angielski:
<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1′ type=’text/javascript’/>

5. Zapisujemy szablon.

6. Jeżeli porada okazała się przydatna nie zapomnij skomentować lub polubić ten post.

AKTUALIZACJA: Wskazówka od Morannon. Należy „postępować zgodnie z instrukcją ale z kodem z developers.facebook.com / build for websites / like button – tam się kod generuje i jak ten wygenerowany wkleiłam we wskazane powyżej miejsca. gra i bucy :)”. Dzięki bardzo.

AKTUALIZACJA 2: Kod z developers.facebook.com, wklejamy obecnie w następujący sposób: Pierwszą część pod body, a drugą pod lub nad data:post.body/ (zależy gdzie wolicie mieć przycisk).

Powiązane wpisy:

  • janek

    Jak próbuję to zapisać, to mi wywala taki błąd:
    Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
    Komunikat o błędzie XML: Open quote is expected for attribute "{1}" associated with an element type "src".

    i nie wiem o co kaman. Ponadto, te mam aż 3, więc pod którym mam to zamieścić?

    • Pisałem tego posta gdy nawet favicon trzeba było dodawać w kodzie. Później przeniosłem bloga na wordpress. Polecam tworzyć od razu na tej platformie.

      Swoją drogą słyszałem, że blogger został zaktualizowany, może w tym rzecz. Kiedyś miałem tam kilka blogów i ten wpis utworzyłem właśnie po to by nie zapomnieć jak dodać przycisk.

      • Doroti13

        Witam
        Mam ten sam problem co janek
        Proszę Cię Pawle o pomoc.
        Pozdrawiam

        • Modern Lokum

          Dołączam i ja, niestety wywala błąd.

          • Wypróbowałem na lucha.pl i działa. Ciężko mi powiedzieć na czym polega wasz błąd. Z bloggerem definitywnie rozstałem się rok temu i wszystkim bardzo polecam startowanie z blogiem od razu na wordpressie. Jeżeli nie stać was na serwer to choćby z wordpress.com (mimo, że generalnie odradzam korzystanie z darmówek). 

            W sobotę, poszukam jeszcze jakiegoś alternatywnego rozwiązania dla bloggera i zaktualizuję wpis.

  • ola

    I jak?

  • Morannon

    thx pomogło, ale… najlepiej połączyć moce bo mnie też na początku wyskakiwał błąd taki jak "jankowi" i postępować zgodnie z instrukcją ale z kodem z developers.facebook.com / build for wepsites / like button – tam się kod generuje i jak ten wygenerowany wkleiłam we wskazane powyżej miejsca. gra i bucy 😀 

  • magda

    Szablon jest nieprawidłowy, ponieważ tag div znajduje się wewnątrz tagu head. i co teraz ??

    • Widzę, że blogger przeszedł kolejne odświeżenie, a najnowsza skórka posiada już wbudowany przycisk „Like”.

      Co do innych szablonów, to spróbuj wygenerować kod na:
      http://developers.facebook.com/docs/reference/plu

      Pierwszą część wklej pod body, a drugą pod lub nad data:post.body/ (zależy gdzie wolisz mieć przycisk)