Keresés a blogban

2010. április 29.

Facebook like button - Facebook like gomb a blogodba

A poszt fölé vagy alá kódolt gombbal közvetlenül a Tetszik (Like) megjelölést adhatják az olvasók a blogposztodnak a Facebookra, ha tetszett nekik.

Másold ki az alábbi kódot. Az oldalsávomban lévő HTML átalakítóval fordítsd le. Másold ki a lefordított kódot. Ezt a kódot kell beillesztened a megfelelő helyre.

<span><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href="+ data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></span>

Elrendezés -> HTML-kód szerkesztése -> Vezérlősablonok kibontása

Döntsd el, hova teszed a gombot. Ha a poszt elé, akkor
Ctrl+f Írd be: post-header-line
Keresd meg ezt a sort:
<div class='post-header-line-1'>

Közvetlenul UTÁNA szúrd be a kódot.

Ha a poszt mögött szeretnéd megjeleníteni, akkor
Ctrl+f Írd be: post-footer-line
Keresd ezt a sort:
<div class='post-footer-line post-footer-line-1'>

Ilyen sorból több is lehet, a sablontól függ, hogy van-e
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>
stb.

Bármelyiket választhatod. Közvetlen UTÁNA szúrd be a kódot.
Mentsd el a változtatást.
A gombot megnézheted működés közben e poszt után.

  • A gomb feliratát a pirossal jelölt like szó átírásával változtathatod meg.
  • A betűtípust az arial szó megváltoztatásával. Ezekből válassz:
    lucida+grande
    segoe+ui
    tahoma
    trebuchet+ms
    verdana
  • A gomb árnyalatát pedig a light szó átírásával változtathatod. Ezekből válassz:
    light, evil, dark
  • A méretet a height és width mögötti számok átírásával lehet módosítani.
Eredeti cikk itt.

UPDATE:

Akinek a fenti eljárással nem működik, az ezt a kódot másolja a blogjába:
<script> 
document.write('&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:80px&quot;&gt;&lt;/iframe&gt;'); 
</script> 

Működni fog!
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

54 megjegyzés:

csocs Ó írta... [Válasz erre...]

sZIa. Nekem sajna ezt írja.
The reference to entity "layout" must end with the ';' delimiter.

Wise Lady írta... [Válasz erre...]

Valószínű nem jó sorba szúrtad be. Próbáld ki ezt:
<div class='post-header-line-1'>Ide szúrd be a kódot!</div>

lilakávé írta... [Válasz erre...]

Megcsináltam,köszi, sőt, működik :)

Puszedli írta... [Válasz erre...]

Ezekben az új, választható sablonokban én nem találtam ilyen sort. Ilyenkor hova szúrjam be a kódot?

Wise Lady írta... [Válasz erre...]

Ilyen sor van az új sablonban is:
<div class='post-header-line-1'/>
vagy
<div class='post-footer-line post-footer-line-1'>

Tehát beszúrhatod az egyik mögé - attól függően, hogy a poszt elé vagy utána akarod tenni.

Wise Lady írta... [Válasz erre...]

És még!
Ha hibaüzenetet kapsz, akkor zárd a bemásolandó kódot be egy ilyenbe:
ELÉ <p>
MÖGÉ </p>

Puszedli írta... [Válasz erre...]

Ilyet sem találok.. Vagy lehetetlen sablonom van, vagy bennem van a hiba. :)

Wise Lady írta... [Válasz erre...]

Én megnéztem az oldalad forrását és van benne. Bejelölted a Vezérlősablonok kibontása négyzetet?

Puszedli írta... [Válasz erre...]

Hát persze, hogy nem bontottam ki.. :) Egyébként köszönöm a segítséget, megtaláltam a sort is - de így sem megy, úgyhogy azt hiszem nem szenvedek vele tovább.

huzsy írta... [Válasz erre...]

Próbáld meg ezt a verziót beilleszteni, nekem ezzel már nem írta ki a hibát:
http://gianniblogja.blogspot.com/2010/04/facebook-tetszik-gomb-kirakasa.html

Belly írta... [Válasz erre...]

Nekem sem megy,sehogy sem,de a nyomtatás beállítása sem,pedig napok óta szenvedek vele. :-(

Belly írta... [Válasz erre...]

Ugyanazt írja ki sorozatban mint puszedlinek.

Wise Lady írta... [Válasz erre...]

@Belly
Próbáld meg a poszt végén az UPDATE után lévő kódot.

Wise Lady írta... [Válasz erre...]

@Belly
A nyomtatásnak viszont működnie kell mindenképp!

Hoyacarnosa írta... [Válasz erre...]

Szia, nekem nincs post-footer-line sorom :(

Hoyacarnosa írta... [Válasz erre...]

Óhh hát én kibontottam, megtaláltam a sort, bemásoltam... és aztán az egész blogom egy lehetetlen formát vett fel, tulajdonképpen össze-vissza jelent meg minden eddigi bejegyzésem és munkám... amit nagyon örülök hogy sikerült visszaalakítanom.... Nagyon megijedtem, mostantól csak megbízható forráshoz fogok fordulni..

Wise Lady írta... [Válasz erre...]

@Hoyacarnosa
Egész biztosan rossz helyre tetted, figyelmetlenül. Úgy látom, hajlamos vagy erre.
Abban is biztos vagyok, mielőtt belepiszkáltál a kódodba, NEM csináltál Mentést a blogodról és a sablonodról, mert ha lett volna mentésed, akkor egy kattintással visszatudtad volna állítani a régi állapotot. Ez nagyon alapvető, bármikor elszállhat a blogod, és enélkül nem fogod tudni helyreállítani.
Roszzindulatú megjegyzést tettél, pedig te vétettél. Ez a blog megbízható forrás, de te keress megbízhatóbbat szerintem is.

Lidia írta... [Válasz erre...]

Annyira imádlak! Nekem az elsővel nem sikerült, aztán félve bár, de kipróbáltam az Update-et. Lenyűgöző!!! :)

Túrakölyök írta... [Válasz erre...]

Szia!
Ha én Ajánlom/recommend gombot szeretnék beilleszteni, azt ugyanígy, csak írjam át a like-ot recommend-re?
köszi, egy teljesen kezdő:-)

Névtelen írta... [Válasz erre...]

Szia!
Sikerült kiraknom nagy nehezen de ha rákattintok a tetszik gombra akkor utána mutatja az üzenőfalamon hogy kedveltem de azt írja oda hogy nincs cím linket
"... kedveli (nincs cím) linket"
ezzel mit tudok csinálni?
Légszi segíts :):D
előre is köszi

Wise Lady írta... [Válasz erre...]

@Névtelen
Nem tudom megnézni a blogod, mert nem írtad ide, hogy mi a címe.

Muffinműhely Anna írta... [Válasz erre...]

Kedves Wise Lady! Sikerült beillesztenem a leírásod alapján és működik is a modul. Viszont amikor ki akartam próbálni, és rányomtam hogy tetszik volt egy kis gond. amikor a Facebookon ez megjelenik, akkor más képet tesz be mellé, nem a bejegyzéshez tartozót (jellemzően oldalról kivesz egy képet, akár a blogajánlóból más képét, és azt teszi oda hozzá). Mi lehet ennek az oka? Át lehet valahogy írni a kódot, hogy a postban lévő képet illessze oda?
Köszönöm előre is! Anna

Wise Lady írta... [Válasz erre...]

@Muffinműhely Anna
Gondolom, a blogot lájkoltatod és nem a posztot. Mindenképp a post-on belül helyezd el (post-header-line vagy post-footer-line részbe)
Esetleg kipróbálhatod a második féle kódot is.

Muffinműhely Anna írta... [Válasz erre...]

Köszönöm a választ. A post-footer-line rész után tettem be, a második kóddal.
Más blogján is megpróbáltam és náluk is ezt tapasztaltam, hogy random képpel teszi be. (Ezeknél a főoldalon szerepelt a Tetszik gomb, minden bejegyzés után közvetlenül, mint nálam is).

Wise Lady írta... [Válasz erre...]

@Muffinműhely Anna
Hát ezt most nem értem, a like gomb milyen képet visz?
A Facebookon a bejegyzések küldéssét külön be kell állítani, csak akkor jelenik meg az üzenőfaladon a bejegyzés eleje, a saját képpel. Erről már volt szó itt is.

Zsuzska írta... [Válasz erre...]

Köszönöm, a második sikerült !

Judit írta... [Válasz erre...]

Köszönöm! Sikerült! Hú, de boldog vagyok.:)
Viszont láttam valahol nagyobbat és olyan szép formás volt,azt lehet ebből csinálni? Sajnos nem emlékszem hol láttam,de biztos tudod milyenre gondolok.:)De ennek is nagyon örülök.:)

Zsu írta... [Válasz erre...]

Szépen lassan megőrülök..
100szor végigolvastam, de nincs ilyen sor.
A div class után nekem az van írva, hogy clear.
Ez a baj? lécci segíts, mert meghülyülök

Wise Lady írta... [Válasz erre...]

@Zsu
Igen, másik sablonban máshogy hívnak dolgokat. A leírás més Minimához készült.
Neked mi a sablonod neve?

Zsu írta... [Válasz erre...]

Asszem innen töltöttem le, és mint hozzá nem értő, csak ezt a linket tudom neked bevágni, hátha eligazodsz rajta
http://www.bloggertemplatesblog.com/victorian-style-blogger-template/

Zsu írta... [Válasz erre...]

Megvan a válasz, köszi. Hogy mi az, nem tudom, de vki megkönyörült rajtam, és megcsinálta nekem:)))

Andy írta... [Válasz erre...]

Nekem meg az a gondom, már sokféle like gomb verzióval próbáltam és mindig a blogot és nem a bejegyzést lájkolja. PEdig jó helyre tettem a like gombot. Így pedig nagyon nem jó. Ráadásul nekem is a blogról egy képet beilleszt mellé ami nem is szerepel az adott posztban...:(((

Galactus írta... [Válasz erre...]

Nekem viszonylag hamar összejött a dolog, és szuperül működik! :) Köszönöm a segítséget, és további jó munkát!

Juli írta... [Válasz erre...]

Sziasztok!
Nekem nem sikerül, egyszerű alapsablonom van. A második változatot nem próbáltam (laikus vagyok)mert nem tudom, hogy mit értsek az alatt hogy "Akinek a fenti eljárással nem működik, az ezt a kódot másolja a blogjába:"Köszönöm előre is:) Juli

Behrooz írta... [Válasz erre...]

Zsír! A leírás szerint szépen sikerült berakni a kódot, amit innen vettem http://developers.facebook.com/docs/reference/plugins/like/ (vizuális típus vagyok itt pedig látom amit beállítok rajta), viszont nem működik a lájkolás. Beraktam egy Google+ gombot is az viszont szépen muzsikál.:D

Palman Zsuzsi írta... [Válasz erre...]

Szia, nálam likeolhatóak a bejegyzések, egy kérdésem lenne. Jelenleg - ha többen likeolnak egy postot - annyit ír ki h "6 people like this. Be the first of your friends.". Meg tudom azt nézni valahol, hogy pontosan ki ez a hat ember? A választ előre is nagyon köszönöm, és egyúttal az eddigi segítségeket is, sok jó tippet kaptam már tőled!

Wise Lady írta... [Válasz erre...]

@Palman Zsuzsi
Így szimplán nem. Ha a blogodhoz kapcsolsz más statisztikát, amely méri a megosztásokat, akkor igen. Pl. Tynt, AddThis stb.

dett. írta... [Válasz erre...]
Ezt a megjegyzést eltávolította a szerző.
Joey Thrasher írta... [Válasz erre...]

ha nekem meg nincs kibontó négyzetem, olyankor mivan? Oo

Wise Lady írta... [Válasz erre...]

@Joey Thrasher
Gondolom, akkor NEM Bloggeres blogod van.
Minden Blogger blognál, akár a régi, akár az új szerkesztőben, VAN vezérlősablonok kibontása négyzet.

Mac(z)kó-műhely írta... [Válasz erre...]

Szia! Próbáltam volna egy Facebook által megadott iframe widget-et beépiteni az oldalamra. Ilyen doboz lett volna, hogy kik lájkolták az oldalt a FB-on, de sajna bármit csinálok nem látszik. Találkoztál már ilyennel?

Ilyet szeretnék (bal fönt): http://krisztinakonyhaja.blogspot.com/

Donát írta... [Válasz erre...]

Hurrá köszönöm, a második kóddal működik! El sem hiszem... annyira jó dolog, ha valamit egyedül csinálok meg, mert ez a szerkesztés HTML nekem kínai :)

Attila Dobó írta... [Válasz erre...]

köszi szépen sikerült :D

Szabolcs írta... [Válasz erre...]

///off/// ...2010. SZEPTEMBER 25. 20:19 ...ezt a hsz-t likeolnám, ha lenne ott gomb :DDD

Nekem nagyon szépen ottvan a like gomb, bár én utánaástam a neten kemény verejtékes klikkelésekkel, hogy találjak olyan like-gombot, ami után nincs számláló meg semmi, hanem csak egy egyszerű LIKE felirat... illetve a számlálósnak egy modolt verziója... csehakszabolcs.blogspot.com cimen meg lehet nézni, a kódot emailbe akárkinek megadom, aki szépen kéri. Ü Üdv! Sz

Szabolcs írta... [Válasz erre...]

ÉS IGY KÜLÖN, NAGYON SZÉPEN KÖSZ EZT AZ EGÉSZ OLDALT WISELADY!!!

Selectfood írta... [Válasz erre...]

Szia Wise Lady! Beillesztettem a blogomba, a 2. kóddal működik nálam is. Köszönöm szépen!

Zsupszi írta... [Válasz erre...]

A header-line után tudtam csak betenni, a footer-line után nem csinált semmit.
Köszönöm a segítséget!

Zsupszi írta... [Válasz erre...]

Sikerült mégis a végére is, bár nem tudom az előbb mit nem csináltam jól...

Edina írta... [Válasz erre...]

Köszönöm szépen, nekem is sikerült, de egy kérdésem lenne: nekem színes a hátterem, így elég zavaró, hogy ez fehér hátterű, be lehet valahogy állítani átlátszóra? :)

Dulcsy írta... [Válasz erre...]

és az utolsó kódokat a blogomon belül,hova illesszem be mert nagyon nem értek hozzá! :( kérlek segíts előre is köszi!

Wise Lady írta... [Válasz erre...]

@Dulcsy
Bármelyik módszert alkalmazod, a kódot arra a helyre illeszd be, ahogy ebben a posztban le van írva.

Nagy Adrienn írta... [Válasz erre...]

Sziasztok!Sikerült a második kódsort betennem ez 'post-header-line-1' után.
http://zoldorokseg.blogspot.hu/
Kicsit hézagos, de működik.
Köszönöm!

♥Eni♥ írta... [Válasz erre...]

Szia!
Nagyon jó az oldal, és mindig sokat segít,de lehetne egy kérdésem, mert nagyon béna vagyok.
Én facebook like boxot szeretnék, meg is csináltam, de hiába irtam true-ra a show faces-t, csak az első tetszikelő képét jeleníti meg. Mért?
Plusz mikor próbáltam berakni a like gombot, nem találtam vezérlő sablonok kibontását, tudom hol kéne lennie, de nekem nincs. Mért, mit bénázok el?
Légyszi, ha lesz egy kis időd, segíts nekem, te olyan jól tudsz mindent! KÖSZIIIIII

Norina írta... [Válasz erre...]

Szia, én is szeretném ha ablogom lájkolható lenne, de nem sikerül beállítani, ha megkérlek segítesz?

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-