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 dashboard—pilih Pilih template----Edit HTML
Kemudian cari kod ini pada template(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
update 24/6/2013
Post a Comment
64 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.. :)
@yahaya Salam,
@Faiz wafiywaalaikumsalam...:)
Perkongsian ilmu yang bermanfaat
kenapa saya cari tak jumpa?...boleh tolong saya.tq
@Khusriah Rehakena kli anak panah hitam tu untuk paparkan kod seterusnya
dah buat. bukak balik pun ada je. tp x kluar pun pop up tu
terima kasih kerana banyak membantu.
TOLONG SY...XDPT LA.... :(
saya tak jumpa kod tu dalam edit html
@MNH
cuba lagi...klik anak panah ditepi untuk membuka kod seterusnya
masih xdpt nk letak like kt blog. boleh bantu?
macam mne nak buat..xboleh
xpandai
minta bantuan boleh..nape saya cri kedua2 ayat tu xde ye??