Zarejestruj się   Zaloguj się  
Forum Blogowe 6 lat!

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


FAQFAQ  SzukajSzukaj  UżytkownicyUżytkownicy  GrupyGrupy
RejestracjaRejestracja  ZalogujZaloguj  ShoutboxCzat / Shoutbox
Dodaj do ulubionych:

« Poprzedni temat :: Następny temat »
[ownlog] Facebook Like Button automatycznie w każdym wpisie
Autor Wiadomość
~Htsz 
Administrator
Blogowicz.Team


Zaproszone osoby: 60
Imię: Arkadiusz (Arek)
Pomógł: 194 razy
Wiek: 26
Dołączył: 01 Sty 2006
Posty: 6408
Skąd: Wroclove City

  Wysłany: 12-05-2010, 14:40   [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.
_________________________________
blogi i strony na zamówienie
konkursy i gry online z nagrodami! |
zapraszam do przewodnika po forum

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

Jeżeli nasze posty pomogły rozwiązać Twój problem - możesz się odwdzięczyć dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel się tym postem na:







Darmowa rejestracja - utwórz konto na forum --- Zaloguj się na swoje konto --- Polub Blogowicza na FB!



~Htsz 
Administrator
Blogowicz.Team


Zaproszone osoby: 60
Imię: Arkadiusz (Arek)
Pomógł: 194 razy
Wiek: 26
Dołączył: 01 Sty 2006
Posty: 6408
Skąd: Wroclove City

Wysłany: 14-11-2010, 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/
_________________________________
blogi i strony na zamówienie
konkursy i gry online z nagrodami! |
zapraszam do przewodnika po forum

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

Jeżeli nasze posty pomogły rozwiązać Twój problem - możesz się odwdzięczyć dodając link do tego forum na swoim blogu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel się tym postem na:
Wyświetl posty z ostatnich:   
« Poprzedni temat :: Następny temat »
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-2012 | modified by Przemo © 2003 phpBB Group. - Mapa Forum.

Partnerzy:   wiersze   ASG Warszawa   konkursy   |  skocz na górę