Cara pasang face book like button

facebook icon
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
facebook like




Langkah membuatnya:
Masuk ke design—pilih edit HTML

edit template




tandakan pada Expand template widget
expand template





Kemudian cari kod ini(gunakan Ctrl+F untuk memudahkan pencarian):
find code



<data:post.body/>

Kemudian letak kod dibawah ini selepas  kod diatas
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' 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:

Dhana/戴安娜 berkata...
terima kasih atas kunjungan

salam sahabat
ehm cocok banget bagi yang suka shraed di facebook.makasih yach

Hana_Hide berkata...
terima kasih atas kunjungan

Terima kasih...akhirnya dapat juga saya letak LIKE ni d blog saya

sofi berkata...
terima kasih atas kunjungan

thanx...
kak sofi dah dpt buat

babyblogger berkata...
terima kasih atas kunjungan

ooh, senang je rupanya..tengs for sharing bro

izyansyazwani berkata...
terima kasih atas kunjungan

thanks..jumpa jugak kod ni setelah sekian lama mencari..like!!! :D

Ustaz Love berkata...
terima kasih atas kunjungan

Salam...

Kalau guna wordpress, ada tak tutorial nak letakkan widget facebook 'like' tu?

yahaya berkata...
terima kasih atas kunjungan

@Ustaz Lovew/salam untuk wordpress pun ada juga..

hazlin berkata...
terima kasih atas kunjungan

tq.. dah boleh pasang... :)

sofi berkata...
terima kasih atas kunjungan

mcm mana nak buat read more macam read more awak ni? ada kotak tu. cantik...ajar ya!

yahaya berkata...
terima kasih atas kunjungan

@sofi
inshallah nanti masuk dalam list entri akan datang...

Abu berkata...
terima kasih atas kunjungan

tq bro, ni yg aku suka nie msk sini ader byk ilmu ..hahahaha

Naseemah Sharieff berkata...
terima kasih atas kunjungan

klu nk letak kt bahagian atas post cmne pulak?heheh.

yahaya berkata...
terima kasih atas kunjungan

@Naseemah Sharieffletak diatas kod ini <div class='post-header-line-1'/>

Naseemah Sharieff berkata...
terima kasih atas kunjungan

ok time kasih ek..dh jadi dh..best2

mojoko berkata...
terima kasih atas kunjungan

Okage sama de - thanks to your kind attitude T.Kasih....!

Tipah berkata...
terima kasih atas kunjungan

Thanks! =)

ayim . berkata...
terima kasih atas kunjungan

lau classic pnya cmne ehh ?

Tanpa Nama berkata...
terima kasih atas kunjungan

thx yarh..!!!

cikShomel berkata...
terima kasih atas kunjungan

yang bintang2 comel tu cam ne plak..? suka la..

yahaya berkata...
terima kasih atas kunjungan

@cikShomelyg bintang saya akan masukkan pada entri akan datang..

iniialahaku berkata...
terima kasih atas kunjungan

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?

yahaya berkata...
terima kasih atas kunjungan

@iniialahakucuba letak kat atas kod ni....
<div class='post-header-line-1'/>

Taufiq Tiramisu berkata...
terima kasih atas kunjungan

yahaya..saya jumpa satu je code data post body tu..macam mana ye?tolongg...

yahaya berkata...
terima kasih atas kunjungan

@Taufiq Tiramisuboleh juga letak diatas kod <div class='post-header-line-1'/>

Syaza ♥ berkata...
terima kasih atas kunjungan

pakai cara ni lebih paham n menjadi berbanding yg td. huhu. terima kasih. :)

wanacesh berkata...
terima kasih atas kunjungan

thanks!!dah buat ponn,,he3 sng je rupanya,,

wanacesh berkata...
terima kasih atas kunjungan

dah buat dah he22,,trima kasih,,sng rupany,,

Contest Paling mudah nak Menang!

Huriyyah Aina Manaff berkata...
terima kasih atas kunjungan

Terima kasih! sy dah ltak like button di entry sy! Arigatou!

MeMalekFaisal berkata...
terima kasih atas kunjungan

Mcm mna nak tau sepa2 yg like tu ?

efa nur berkata...
terima kasih atas kunjungan

dah berjaya buat..
thanx for sharing :)

ozzy berkata...
terima kasih atas kunjungan

terima kasih krn byk membantu..

sofea zamri berkata...
terima kasih atas kunjungan

boleh tak tunjuk cara nak buang facebook like button dari blog? ? ?

yahaya berkata...
terima kasih atas kunjungan

@sofea zamrikena delete kod pada template...seperti diatas

Lia-De-Pinky-Leo berkata...
terima kasih atas kunjungan

dah try... tq.. :)

CikEmoNia berkata...
terima kasih atas kunjungan

thanx! da berjaye buat! hehe ;)

Wanie berkata...
terima kasih atas kunjungan

Thankz utk tutorial ni..

dwaty berkata...
terima kasih atas kunjungan

salam... macammana nak letak like button tu kat atas... di bawah tajuk entri???

yahaya berkata...
terima kasih atas kunjungan

@dwatycari kod <div class='post-header-line-1'> dan letak dibawahnya

man cheers berkata...
terima kasih atas kunjungan

salam..butang likes da ada dlm blog saya..tapi bila tekan butang likes keluar plak segala kod d wall facebook saya.. :(

zehan berkata...
terima kasih atas kunjungan

dah jadik..tq...

k.i.t.o.r.a.n.g berkata...
terima kasih atas kunjungan

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

Donny Ghebotsz berkata...
terima kasih atas kunjungan

kok gak bisa om yahaya ?

Nicky Nik berkata...
terima kasih atas kunjungan

minta copy kod boleh...

hana berkata...
terima kasih atas kunjungan

got it!!! yeahh...

Arief Setyawan berkata...
terima kasih atas kunjungan

Salam Kenal wuiihhhh bagus bgt

zulhairi aziz berkata...
terima kasih atas kunjungan

salam bro,,napa saya buat x jadi bro..... http://zulhairiaziz99.blogspot.com

yahaya berkata...
terima kasih atas kunjungan

@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'/>

Patrick Star berkata...
terima kasih atas kunjungan

cmne kalau nk buat yg mcm blog ni? ada tweet, google+ & fsend tu...

+anis mujahidah+ berkata...
terima kasih atas kunjungan

NP SYE BUAT XJD2?>

mas arkanda berkata...
terima kasih atas kunjungan

Salam kenal juga, dan kunjungan balasan.. :)

Related Posts Plugin for WordPress, Blogger...