Jeszcze przed wygenerowaniem like buttona powinieneś utworzyć tzw. aplikację na Facebooku, zrobisz to przez stronę facebook.com/developers. Po wejściu na stronę i zalogowaniu się na swoje prywatne konto w górnej prawej części (pod avatarem) wybierasz "utwórz aplikację", a następnie wpisujesz jej nazwę (np. nazwę twojego bloga), by użyć aplikacji do stworzenia "like buttona" na twojej stronie to wystarczy, zapisujesz wszystko i możesz przejść do następnego kroku.
Teraz możesz zając się wygenerowaniem buttona, może on przybierać postacie małego przycisku, dużego przycisku lub przycisków z komentarzem. Generowanie kodu przycisku odbywa się na stronie generowania "like buttonów". Możesz poeksperymentować z ustawieniami, z prawej strony możesz na bieżąco podziwiać efekty swojej pracy (tak button będzie prezentował się na twoim blogu). Gdy już dobierzesz kształt przycisku możesz kliknąć "get code", wtedy pojawi się okienko z dwoma kodami.
Teraz otwórz nowe okno przeglądarki i uruchom panel zarządzania swoim blogiem. Z menu wybierz "układ" a następnie w dowolnym miejscu "dodaj gadżet" w oknie, które Ci się otworzyło wklej skopiowany z facebookowego "get code" kod z pola opisanego jako "Include the JavaScript SDK on your page once, ideally right after the opening
<body> tag". Zapisz gadżet, a następnie "zapisz rozmieszczenie".Ostatnim etapem, chyba najtrudniejszym będzie umieszczenie buttona w kodzie strony. W moim przypadku chciałem zrobić to pod notką. Tym razem w panelu bloggera musisz wybrać zakładkę "szablon" a następnie kliknąć w przycisk "edytuj kod HTML" i kontynuować. Teraz upewnij się, że w górnej części przy komunikacie "Rozszerz szablony widżetów" widnieje "ptaszek", jeśli nie "zaptaszkuj" to pole.
Teraz znajdź następujący fragment kodu "<data:post.body/>" i pod nim wklej kod wygenerowany przez facebooka w polu opisanym jako "Place the code for your plugin wherever you want the plugin to appear on your page". Po zapisaniu szablonu "like button" powinien pokazywać się pod każdą notką na blogu.
Jeżeli chcesz żeby "like button" pojawiał się jedynie pod wpisem, a był niewidoczny na stronie głównej możesz uzupełnić kod wygenerowany o następującą formułę:
<b:if cond='data:blog.pageType == "index"'> <b:else/> <!-- TU WKLEJ KOD WYGENEROWANY PRZEZ FB --> </b:if>
Powyższy kod sprawia, że treść wpisana w miejscu "<!-- TU WKLEJ KOD WYGENEROWANY PRZEZ FB -->" nie będzie pojawiać się na stronie głównej bloga. Jeżeli chcesz żeby jakaś treść pojawiała się wyłącznie na stronie głównej twojego bloga umieść ją nad znacznikiem "<b:else/>".
No masakra po prostu. Wszystko niby jasno opisane, ale i tak na drugim kroku rzecz mnie przerosła...
OdpowiedzUsuńChciałabym "like" mieć na blogu. Wiesz może czy ktoś się tym trudni odpłatnie? Duma mnie rozpiera z samego faktu, że założyłam samodzielnie bloga:) Ale "like" to za dużo:(:(:(
Nie ma co się poddawać. W którym miejscu utknęłaś?
OdpowiedzUsuńWielkie dzięki za instrukcję, ale i tak utknęłam:-)
OdpowiedzUsuńpo wklejeniu kodu z pola Java script itd. w pole dodaj gadżet (dodaj swoje własne) pojawia się inf. "Adres URL zawiera niedozwolone znaki". I jest koniec zabawy:-((( Co zrobiłam nie tak?
pozdrawiam