Butang facebook like ini fungsi nya adalah bagi memudahkan pengunjung berkongsi artikel pada blog dengan rakan rakan di facebook.Butang ini adalah satu cara bagi meningkatkan trafik ke blog kerana facebook adalah web jaringan sosial paling popular waktu ini.Jika ingin memasang butang tersebut pada blog pada dasarnya kod boleh diambil di facebook developer dengan hanya memasukkan beberapa setting dan kod facebook like akan dihasilkan
Langkah membuatnya:
Masuk ke design—pilih edit HTML
tandakan pada Expand template widget
Kemudian cari kod ini(gunakan Ctrl+F untuk memudahkan pencarian):
<data:post.body/>
Kemudian letak kod dibawah ini selepas kod diatas
<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;'/>
Perkataan like boleh juga ditukar pada perkataan lain yang bersesuaian.
Font=selain dari arial boleh ditukar kepada jenis font lain seperti lucida,Tahoma,verdana,trebuchet,lucida
Colorscheme= terdapat tiga warna selain dari light iaitu evil dan dark




Catat Ulasan
Letakkan komen anda disini.Segala komen adalah dihargai.Sila buat backup bila membuat perubahan pada template.Terima Kasih.
50 Comments:
salam sahabat
ehm cocok banget bagi yang suka shraed di facebook.makasih yach
Terima kasih...akhirnya dapat juga saya letak LIKE ni d blog saya
thanx...
kak sofi dah dpt buat
ooh, senang je rupanya..tengs for sharing bro
thanks..jumpa jugak kod ni setelah sekian lama mencari..like!!! :D
Salam...
Kalau guna wordpress, ada tak tutorial nak letakkan widget facebook 'like' tu?
@Ustaz Lovew/salam untuk wordpress pun ada juga..
tq.. dah boleh pasang... :)
mcm mana nak buat read more macam read more awak ni? ada kotak tu. cantik...ajar ya!
@sofi
inshallah nanti masuk dalam list entri akan datang...
tq bro, ni yg aku suka nie msk sini ader byk ilmu ..hahahaha
klu nk letak kt bahagian atas post cmne pulak?heheh.
@Naseemah Sharieffletak diatas kod ini <div class='post-header-line-1'/>
ok time kasih ek..dh jadi dh..best2
Okage sama de - thanks to your kind attitude T.Kasih....!
Thanks! =)
lau classic pnya cmne ehh ?
thx yarh..!!!
yang bintang2 comel tu cam ne plak..? suka la..
@cikShomelyg bintang saya akan masukkan pada entri akan datang..
kenapa bila sya nak letak ni dia tulis kat nuff
Error matching blog to blogger entry. If you are the owner of this blog, please check that there is no typo in your blog address and that you have pasted the code from the Add Ads page correctly.
apa mslah yer?
@iniialahakucuba letak kat atas kod ni....
<div class='post-header-line-1'/>
yahaya..saya jumpa satu je code data post body tu..macam mana ye?tolongg...
@Taufiq Tiramisuboleh juga letak diatas kod <div class='post-header-line-1'/>
pakai cara ni lebih paham n menjadi berbanding yg td. huhu. terima kasih. :)
thanks!!dah buat ponn,,he3 sng je rupanya,,
dah buat dah he22,,trima kasih,,sng rupany,,
Contest Paling mudah nak Menang!
Terima kasih! sy dah ltak like button di entry sy! Arigatou!
Mcm mna nak tau sepa2 yg like tu ?
dah berjaya buat..
thanx for sharing :)
terima kasih krn byk membantu..
boleh tak tunjuk cara nak buang facebook like button dari blog? ? ?
@sofea zamrikena delete kod pada template...seperti diatas
dah try... tq.. :)
thanx! da berjaye buat! hehe ;)
Thankz utk tutorial ni..
salam... macammana nak letak like button tu kat atas... di bawah tajuk entri???
@dwatycari kod <div class='post-header-line-1'> dan letak dibawahnya
salam..butang likes da ada dlm blog saya..tapi bila tekan butang likes keluar plak segala kod d wall facebook saya.. :(
dah jadik..tq...
terima kasih atas tutorial .. tapi saya ada satu soalan .. macam mana nak pasang like button ni pada post je .. sebab dia keluar dekat semua post dengan like yang sama banyak padahal reader cuma like post yang satu tu jer .. terima kasih
http://iniblogkitorang.blogspot.com
kok gak bisa om yahaya ?
minta copy kod boleh...
got it!!! yeahh...
Salam Kenal wuiihhhh bagus bgt
salam bro,,napa saya buat x jadi bro..... http://zulhairiaziz99.blogspot.com
@zulhairi aziz
kod <data:post.body/> pada setengah template ada lebih cuba letak pada kod yg seterusnya...atau boleh letak selepas kod <div class='post-header-line-1'/>
cmne kalau nk buat yg mcm blog ni? ada tweet, google+ & fsend tu...
NP SYE BUAT XJD2?>
Salam kenal juga, dan kunjungan balasan.. :)