Thursday, April 29, 2010

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

.

.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

53 comments

hanaahmad said...

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...

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

asfz lily said...

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

Nurain Hasan said...

intan.dh try buat xboleh pon.:(
huhu

intanurulfateha (◡‿◡✿) said...

@hanaahmad

.oke dear! ;)

intanurulfateha (◡‿◡✿) said...

@Shafie

.heee sile3

intanurulfateha (◡‿◡✿) said...

@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...

@Nurain Hasan

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

Liyanaa. said...

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

Nurain Hasan said...

intan.dh buley dh.;)

intanurulfateha (◡‿◡✿) said...

@Liyanaa.

.oke sygg ;)

intanurulfateha (◡‿◡✿) said...

@Nurain Hasan

.ye ke?
.gud! ^^

~LP Lum~ said...

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...

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...

@~LP Lum~

.heee try la kak ;)

intanurulfateha (◡‿◡✿) said...

@~LP Lum~

.same3 kak ;)

hafizrahman said...

thanx cik intan=)

intanurulfateha (◡‿◡✿) said...

@hafizrahman

.same3 ;)

||| PöJìé PööH ||| said...

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

Love,
PojiePooh Abdullah

intanurulfateha (◡‿◡✿) said...

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

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

nabil_potter said...

thanks..

intanurulfateha (◡‿◡✿) said...

@nabil_potter

.welkem ^^

syaza ♫♀ said...

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

intanurulfateha (◡‿◡✿) said...

@syaza ♫♀

.tgk cni
www.liyanaa.om

.mebi lebih paham :)

Ann said...

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...

@Ann

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

.lg sennag phm ;)

fyka said...

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

intanurulfateha (◡‿◡✿) said...

@fyka

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

WannieBarney ◕‿◕ said...

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

intanurulfateha (◡‿◡✿) said...

@WannieBarney ◕‿◕

.da klik expand ?

Cik Yuki said...

hahaa i like !

btw.tq cik intan !

intanurulfateha (◡‿◡✿) said...

@Cik Yuki

.welkem ^^

asfiedaimpiana said...

Salam..tima kasih kongsi ilmu yerrr

NuRuL FaTiaH said...

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

^^eKaTiKaH^^ said...

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

AmayaKazuki said...

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...

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...

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

aQ!LaH said...

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...

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...

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

Fey Lee said...

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

Are-Gya said...

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

ieyra zakira said...

ta dapat buad :(

budak gle ! said...

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

Syasya Acing Mitchy said...

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

Aisya_Ismaa said...

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

minahMenarik said...

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

mi$sUn@3iRa said...

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...

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

dhia adawiyah said...

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

syazana amira said...

sis, nana pinjam tutor ni kasi kat member :)

nuraxieyarntajularifin said...

sis, saya nak copy link nih bole?? hehe.. thanx

 

About Me

My Photo
intanurulfateha
Muar, Johor, Malaysia
Eh, dah ada dua orang baby girl! ;) | Berdaftar dengan SSM, Double I Excellent Enterprise : JR0046896-W | For any inquiries, whatsapp 012-7186471
View my complete profile

#our journey

Friends since 2008
Getting Close since Nov 2010

Daisypath Anniversary tickers

Love is not a matter of counting the years, it is about making the years!

Daisypath Anniversary tickers

Alhamdulillah.. :')

Daisypath Anniversary tickers

Jantung, Hati, Limpa, Paru

Wanita di jadikan atas nama cinta.
Kalau cari, mesti jumpa.

Dan kamu,
Mohammad Noor Irfan;
Terima kasih kerana mencari saya semula!

Hep ! ! !
Curik hati kite ekk!

Tapi tak per..
Kite suke~

(^__^)

#irfanintanJR

#irfanintanJR
Aleesya Eryna

Kesayangan 31-3-13

Kesayangan 31-3-13