Cara Mudah Letak LIKE FB Fanpage

As-Salam. Ada rakan blogger bertanya bagaimana nak letakkan Like Facebook buat FB Fanpage blognya. Kalau boleh mahu yang mudah dan bukan pada sesetengah blog yang nampak canggih sangat sampai pop keluar atau punyai pemasa dan sebagainya.

Sebenarnya, cara dan kaedah telah pun disediakan oleh pihak Facebook Developer, anda hanya perlu copy-paste, ikut arahan dan masukkan ke dalam HTML blog anda sahaja. Saya berikan beberapa contoh mudah ini untuk diikuti. Anda boleh terus gunakan kod yang saya berikan ini menggunakan AppID kepunyaan saya dalam Facebook.

<fb:like colorscheme="light" href="http://www.facebook.com/bloghasrulhassan" layout="standard" send="true" show_faces="true" width="450"></fb:like>

Anda hanya perlu tukar atau gantikan url "http://www.facebook.com/bloghasrulhassan" kepada url atau permalink yang anda mahu pengunjung blog anda untuk LIKE, atau Share, atau juga Send. Seperti contoh di bawah ini, saya tukarkan untuk para pengunjung LIKE blog ini secara umum dan bukan LIKE Fanpage blog ini di Facebook. Nampak betapa mudahnya untuk letakkan FB Fanpage Like ini dalam blog. Malah, hanya dengan satu baris kod HTML yang diberikan, anda boleh letak lebih dari satu .. dua malah sampai berpuluh-puluh fanpage Like. Cara inilah yang digunapakai banyak penganjur kontes, giveaway dan segmen dalam blog.

Cuma anda perlu pastikan kod di bawah ini sudah ada di dalam kod HTML blog anda. Ia mesti berada dalam bahagian body blog anda.

<div id="fb-root">
</div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=280524902021003";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Dan letakkan kod ini pada bahagian atas permulaan blog anda.

<html xmlns:fb="http://ogp.me/ns/fb#">

Ada banyak pilihan yang boleh anda gunakan hanya dengan menukar pembolehubah yang ada pada kod yang saya berikan di awal tadi.

4 Pilihan Facebook LIKE FB Fanpage

Facebook LIKE Dengan Butang Recommended

Facebook LIKE Tanpa Gambar Peminat

Facebook LIKE Latar Gelap Dengan Butang LIKE Serta Send

Facebook LIKE Dengan Layout Butang LIKE Sahaja

Untuk cara lengkap, satu-persatu cara dan kaedah, boleh rujuk terus dengan Facebook Developer bahagian Like Button (klik)

Kalau masih tak faham, boleh sahaja hubungi saya .. saya sedia membantu. Errr mungkin pada sesetengah tak nampak mudah ... :)

26 Ulasan

Komen adalah tanggungjawab anda. Tertakluk pada Akta 588 SKMM. Untuk pengiklanan, boleh email ke editor@hasrulhassan.com.

Zam20 Julai 2013 pada 4:55 PTG
Bro.. saja nak tanya.. pendapat bro, cara letak fb button like di blog secara pop up tu lebih berkesan utk dptkan pertambahan jumlah like yg lebih banyak tak? sb kalau letak button like fb ni direct kat blog layout, tak berapa berkesan ar.. mohon pendapat ;)
BalasPadam
Balasan
MIZZSEVEN20 Julai 2013 pada 5:24 PTG
thanks sifu
BalasPadam
Balasan
maszull20 Julai 2013 pada 6:24 PTG
assalamualaikum HH...best juga ni nak cuba tukar la pasni moga akan berjaya lakukan nyer......:)
BalasPadam
Balasan
maszull20 Julai 2013 pada 6:33 PTG
assalamualaikum hh....dah cuba try tapi x keluar gambar la pula...mcm mana nak letak yg bergambar...?
BalasPadam
Balasan
Terbelog20 Julai 2013 pada 9:19 PTG
Byk sgt koding di google
Semua berfungsi dgn baik ke?

Entry Terkini : Makcik Hajjah Sitt Al-wuzara Kembali Menghina Islam
BalasPadam
Balasan
.::: Princess MOMOY :::.21 Julai 2013 pada 1:03 PG
wahhh..terima kasih bro. thx sudi buat ni. sangat2 menghargai bro sudi jawab setiap pertanyaan momoy tadi. thx again
BalasPadam
Balasan
FaKArePa!n21 Julai 2013 pada 1:13 PG
Blog den dah hado...hehe

MANCHESTER UNITED 5- A LEAGUE ALL STAR 1
BalasPadam
Balasan
Admin21 Julai 2013 pada 6:06 PG
Sapo yang dah tahu tak mengapo .. yang tak tahu jo yang kono baco .. :P
BalasPadam
Balasan
Myvitrd21 Julai 2013 pada 9:42 PG
sekarang dah banyak orang letak jenis popup pulak.. saya suka juga popup tu.. tapi kenalah ada butang close.. kalau tak mcm kena paksa je like.. hehehe
BalasPadam
Balasan
Unknown22 Julai 2013 pada 11:44 PTG
tq HH...sy akan cuba buat..
http://www.jomsihatdanceria.blogspot.com
BalasPadam
Balasan
Unknown28 Julai 2013 pada 9:40 PG
Ulasan ini telah dialihkan keluar oleh pengarang.
BalasPadam
Balasan
Unknown16 Februari 2014 pada 4:06 PTG
Salam. Saya kurang faham. Mcm mana nak buat gambar keluar disebelah button yg kita like?
BalasPadam
Balasan
Tyara NY6 April 2014 pada 6:48 PTG
Salam Bro Hassan,

Saya tercari-cari tutorial ni, tapi tak jumpa yang sesuai dan ringkas sehingga saya sampai ke blog HH ni. Saya suka dengan butang LIKE yang simple ni, tapi macam mana nak buat butang LIKE & SHARE ni jadi popup + pemasa/ tanpa masa?

Boleh berikan tunjuk ajar atau tutorial?

Terima kasih :)

BalasPadam
Balasan
Unknown28 September 2014 pada 2:27 PTG
Saya dah cuba buat tapi masih tidak berjaya, saya akan cuba mana silapnya, Moga banyak memberi kemudahan kepada blogger baru.
BalasPadam
Balasan
Unknown28 September 2014 pada 2:47 PTG
Dah buat fanpage like cuma yang popup saja tak buat, Adakah perlu di pasang kedua-duanya di blog supaya ianya berjalan derngan lancar? Harap tuan beri sedkit penerangan?
BalasPadam
Balasan
Tanpa Nama31 Oktober 2014 pada 6:30 PTG
Salam.Sekadar bertanya.Bagaimana pula ingin buat macam blog ni buat ye?Klik je keluar page like terus.klik X baru jumpa catatan blog.Mohon bantuan.
BalasPadam
Balasan
Unknown10 November 2014 pada 9:27 PG
thanks.. saya berjaya.. sgt mudah pelajaran dari awak.. sila singgah blog saya n like fb erk
norjumaiszi87.blogspot.com
BalasPadam
Balasan