Cari Apa Saja !

Loading...
.

Thursday, April 29, 2010

.tutorial #26 : button like & share facebook di entry

www.tips-fb.com

.salam readers~

.tadi i jalan-jalan blog kak afzan, dia tanya ada tulis entry pasal button like dan share neh .kalau korang perasan, dekat each entry i, mesti ada button like & share ke facebook .senang je nak buat .meh sini i ajar ^^

1) .bukak Dashboard - Layout - Edit HTML - Tick Expand Widget Templates

2) .then cari code dekat bawah ni .kalau nak senang cari, tekan CTRL+F
data:post.body

3) .then paste kan code dekat bawah neh, dekat bawah code yang korang cari dalam step 2 tuu .yang ini untuk button like ta
u ^^
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

4) .then tekan Save! Siap! :)

5 ) .kalau nak letak button share pulak, paste code dekat bawah neh dekat bawah code step no 3 tadi
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

6) .actually tak kisah nak letak code yang mana-mana dulu, sama ada code dekat step 3 dulu atau step no 5 dulu .ia cuma membezakan posisi button-button tersebut

7) .so selamat mencuba! .tak paham, tanya yerr ^^

*.:。✿*゚‘゚・✿.。.:* *.:。✿*゚’゚・✿.。.:* *.:。✿*

.pssst!
.untuk belajar tutorial lain
.sila klik SINI

.psst!
.kalau pening gak, try tengok dekat SINI
.i tahu, ayat i memang macam keling sikit
.ynn sayang, i link dekat u oke! ;)

.dan boleh tengok blog kakak i yang comel neh jugakk
.klik SINI!

.bai! :)

Photobucket


Kalau nak copy, jangan lupa bagi credit ek.
Thanks for reading darling!

51 Sweet and Lovely Comments!:

hanaahmad said... Click To Reply!

sis! thnx 4 the tutorial...lame tul xjnguk blog ni.hehe..skg dh hbs exam..pasni leh usha2 blog comel ni slalo..yeyay!!!

Shafie said... Click To Reply!

ramai jgk da mula letak button 'like' fb ni ye..
sy pon igt nk letak r.ehe

asfz lily said... Click To Reply!

sis, xde la code [data:post.body] ni kat html i...
dah gne ctrl+f tp xjumpe gak..

Nurain Hasan said... Click To Reply!

intan.dh try buat xboleh pon.:(
huhu

intanurulfateha (◡‿◡✿) said... Click To Reply!

@hanaahmad

.oke dear! ;)

intanurulfateha (◡‿◡✿) said... Click To Reply!

@Shafie

.heee sile3

intanurulfateha (◡‿◡✿) said... Click To Reply!

@asfz lily

.ye ke?
.adooii sis pun da pening tgk coding3 neh
.try tgk tuto blog kwn sis neh plak k

http://www.liyanaa.com/2010/04/cara-letak-butang-like-facebook-untuk.html

intanurulfateha (◡‿◡✿) said... Click To Reply!

@Nurain Hasan

.heee syg
.u tgk kt sini k
http://www.liyanaa.com/2010/04/cara-letak-butang-like-facebook-untuk.html

Liyanaa. said... Click To Reply!

intann nak cuba buat share pulak and letak belah atas jgk hihi tq intan nnt i link yg share pulak :P

Nurain Hasan said... Click To Reply!

intan.dh buley dh.;)

intanurulfateha (◡‿◡✿) said... Click To Reply!

@Liyanaa.

.oke sygg ;)

intanurulfateha (◡‿◡✿) said... Click To Reply!

@Nurain Hasan

.ye ke?
.gud! ^^

~LP Lum~ said... Click To Reply!

salam intan~

wah... baru akak perasan ada button tu... selama nie, xperasan lak.. nak kena cungkil biji mata ar nmpaknya pas nie... :p

apa pun thanx eik... akak pun nak try ar tutorial nie... :)

~LP Lum~ said... Click To Reply!

hehehe.. mai sekali lg... nak ckp dah berjaya dah.. tapi button tu duk kat bwh.. xduk kat atas.. apa pun ok ar.. thanx sekali lagi cikgu intan.. :)

intanurulfateha (◡‿◡✿) said... Click To Reply!

@~LP Lum~

.heee try la kak ;)

intanurulfateha (◡‿◡✿) said... Click To Reply!

@~LP Lum~

.same3 kak ;)

hafizrahman said... Click To Reply!

thanx cik intan=)

intanurulfateha (◡‿◡✿) said... Click To Reply!

@hafizrahman

.same3 ;)

||| PöJìé PööH ||| said... Click To Reply!

Tak jadik!!!
Ada error!
Help meeee....

Love,
PojiePooh Abdullah

intanurulfateha (◡‿◡✿) said... Click To Reply!

@||| PöJìé PööH |||

.bg paswed n emel
.kite tlg masukkan code ;p

nabil_potter said... Click To Reply!

thanks..

intanurulfateha (◡‿◡✿) said... Click To Reply!

@nabil_potter

.welkem ^^

syaza ♫♀ said... Click To Reply!

cmne eh? ajar lg..pls2...dh..tp dya kte cannot lah.

intanurulfateha (◡‿◡✿) said... Click To Reply!

@syaza ♫♀

.tgk cni
www.liyanaa.om

.mebi lebih paham :)

Ann said... Click To Reply!

hye :)
i na mnx tolg niyh..i da try da cre2 na ltk ikon like fb tue..but ta jd lorh..

code tue na paste after data:post.body an ? then kne tmbh pe2 kod ta b4 dat ?

or u leyh tnjk cre2 na pste after data:post.body tue ? thnx :)

intanurulfateha (◡‿◡✿) said... Click To Reply!

@Ann

.u, cube tgk tuto kt sini
www.liyanaa.com

.lg sennag phm ;)

fyka said... Click To Reply!

salam...
akak,fyka da try buat...
tp xjd la..

intanurulfateha (◡‿◡✿) said... Click To Reply!

@fyka

.err try tgk kt blog kwn sis
.liyanaa.com

WannieBarney ◕‿◕ said... Click To Reply!

huhu. nape wanie punya tade data:post.body ? cmne ea? huhu

intanurulfateha (◡‿◡✿) said... Click To Reply!

@WannieBarney ◕‿◕

.da klik expand ?

Cik Yuki said... Click To Reply!

hahaa i like !

btw.tq cik intan !

intanurulfateha (◡‿◡✿) said... Click To Reply!

@Cik Yuki

.welkem ^^

asfiedaimpiana said... Click To Reply!

Salam..tima kasih kongsi ilmu yerrr

NuRuL FaTiaH said... Click To Reply!

T_T sedihnyer :'( tak dpt la akak :'(

^^eKaTiKaH^^ said... Click To Reply!

huhu..thanks 4 the tutorial...dpt gak buat akhirnye..dah lame cari tutorial ni..^^

AmayaKazuki said... Click To Reply!

x jadila...:(
ade error ni..
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "layout" must end with the ';' delimiter.

Muhamad Rahmat said... Click To Reply!

da try wat . tapi , nih la error nye.
XML error message: The element type "div" must be terminated by the matching end-tag "
".

cmne nk settlekan ?? huhu

ΛYNΛΛ GEDIKK :] said... Click To Reply!

Aynaa (:
Kak Intan , takboleh lah kak . Tak jumpa yang data.post.body tu ):

aQ!LaH said... Click To Reply!

sis, nape sy punyer blog nk letak share blh tp nk letak like x blh eh?
error die mcm nih Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "layout" must end with the ';' delimiter. plz sis tlg sy =(

pakcik mamat said... Click To Reply!

salam..

nape xleh erk..
daa try banyak kali daa..
masih xdapat ag buat bende nie..

naa paste code 2 yg x paham 2..
tolong jelaskan

zullaiha zainol said... Click To Reply!

adush...
xfaham lagi larh..
nape xley gak..
da ikut cara awak tue..tp still xley..
plez help me...

Fey Lee said... Click To Reply!

Sis, I've used your tutorial. Thanks a lot. And I've featured you on my entry :)

Are-Gya said... Click To Reply!

saye mau share this tuto kat my blog..blh ye =)

ieyra zakira said... Click To Reply!

ta dapat buad :(

budak gle ! said... Click To Reply!

salam ..
ta jmpe pOn data:post:body..

Syasya Acing Mitchy said... Click To Reply!

thanks =) skang baru dpt ,h e h e*

Aisya_Ismaa said... Click To Reply!

Ta faham la sis, go to my blog plish and leave your comment in my shoutbox kayh :)

minahMenarik said... Click To Reply!

tak de pon code ni data:post.body
T~T . . . habis tu nk letak kat mane?? pening..pening... T~T

mi$sUn@3iRa said... Click To Reply!

knpa pas tekan save naek ni


Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The reference to entity "layout" must end with the ';' delimiter.

she is lala ♥ said... Click To Reply!

kak intan, ada x yg like and share button punye untuk classic template? thank you shooo much^^

dhia adawiyah said... Click To Reply!

thanx kak Intan ... ! Dah jadi dahh .. ! kihkih .. :)