Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

  Wysłany:    [ownlog] Facebook Like Button automatycznie w każdym wpisie

Na stronie => http://developers.faceboo...ce/plugins/like można sobie wygenerować "Like button" (lubię to!) a następnie wkleić go na bloga.

Męczące jest jednak generowanie go do każdego wpisu osobno. Można to jednak obejść i wygenerować sobie uniwersalny kod. Fotolog / ownlog daje spore możliwości ingerencji w wygląd wpisu. Posiada zmienną, która przyda nam się w tym zabiegu.
Osoby, które już trochę grzebały w szablonie pojedynczego wpisu na pewno ją kojarzą.

Linki do wpisów na fotologu (ownlogu) generowane są schematycznie np.

Kod

http://htsz.fotolog.pl/2060199,komentarze.html
http://htsz.fotolog.pl/2059660,komentarze.html
jak widać powtarza nam się adres bloga oraz ,komentarze.html
Numer generowany jest przez system, ale obsługuje go też zmienna. Chodzi o

Kod

{id_notki}
Kod HTML wpisu z nazwą notki linkującą do tej notki będzie wyglądał tak:

Kod

<a href="{id_notki},komentarze.html">{tytul}</a>
my potrzebujemy tylko kawałka + adres naszego bloga, czyli np.

Kod

http://twojnick.fotolog.pl/{id_notki},komentarze.html
Nie możemy tego jednak wkleić do pola na adres ponieważ skrypt przerobi nam {} na kod.
Musimy sobie wygenerować pusty widget. W pole adresu wpiszcie:

Kod

http://tutajtwojnick.fotolog.pl/TutajzmiennA,komentarze.html
Ja wygenerowałem w miarę standardowy kod i wyszło takie coś:

Kod

<iframe src="http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Ftutajtwojnick.fotolog.pl%252FTutajzmiennA%252Ckomentarze.html&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
zamiast tutajtwojnick wstawiamy nazwę swojego fotobloga lub ownloga a zamiast TutajzmiennA identyfikator czyli {id_notki}

w moim przypadku (z moim nickiem) będzie to wyglądało tak:

Kod

<iframe src="http://www.facebook.com/plugins/like.php?href=http%253A%252F%252Fhtsz.fotolog.pl%252F{id_notki}%252Ckomentarze.html&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
Mamy gotowy kod. Teraz logujemy się na bloga, przechodzimy do działu edycja. Klikamy na "edytuj wygląd" -> "wpis". Kod buttona wstawiamy np. przy {komentarze} - to już zależy od tego gdzie ma się pojawiać w danym wpisie :)

Jeżeli wszystko przebiegnie sprawnie system powinien wstawiać w to miejsce identyfikator liczbowy notki. Jeżeli coś jest nie tak znaczy, że albo wasz kod jest błędny albo zmienna nie może być użyta więcej niż raz (w edytorze), wtedy trzeba ją wykasować z innego miejsca pojedynczego wpisu i zostawić tylko w widgecie.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2010-11-14, 22:45   

Podobnie jak w przypadku przycisku share / udostępnij - także tutaj należy poprawić linki na komentarze, czyli zamiast:

Kod

http://twojnick.fotolog.pl/{id_notki},link.html
musisz mieć w kodzie

Kod

http://twojnick.fotolog.pl/{id_notki},komentarze.html
Instrukcja powyżej jest już właściwa.

Dodatkowo twój title na stronie komentarzy powinien wyglądać tak:

Kod

<title>{tytul_wpisu}</titile>
mozna także dodać pod tym dwa meta tagi:

Kod

<meta property="og:title" content="{tytul_wpisu}"/>
<meta property="og:site_name" content="Tutaj wpisz nazwę - nie adres - swojej strony"/>
w ten sposób linki wyświetlane na stronach Facebooka będą opisane tymi tekstami. Jak to wygląda w praktyce możecie się przekonać (po zapisaniu zmian na blogu) wpisując adres strony komentarzy tutaj: http://developers.facebook.com/tools/lint/
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz