Cara Memasang Facebook Like Box/ Facebook Fan Page di Blog

Manfaat Memasang Facebook Like Box/Facebook Fan Page di Blog

Memasang facebook Like Box atau Facebook Fans Page di blog sedang menjadi trending di kalangan blogger. Bukan tanpa alasan, ternyata itu juga mempengaruhi keberlangsungan hidup sebuah blog. Bagaimana tidak? Apabila ada satu saja pengunjung blog kita dalam satu hari yang mengklik "like" pada Facebook Like Box atau Facebook Fan Page di blog kita, itu berarti ada kurang lebih 365 orang "likers" Fans Page blog kita, yang artinya lagi, ada sekitar 365 orang tempat kita mempromosikan blog kita. Jika ada 10 bahkan 1000 "likers" setiap hari? Wow!

Cara Memasang Kotak Facebook Like/ Facebook Fan Page di Blog

Banyak manfaat memasang memasang Facebook Like Box /Facebook Fan Page di blog. Selain tentu saja kepopuleran, blog kita setidaknya sudah memiliki "pasar" dari "likers" Fans Page yang kotaknya kita pasang di blog.

Langkah Membuat Facebook Like Box di Blog

1. Pertama, silakan login dulu ke akun Facebook kita.
2. Masuk ke Facebook Developers, klik saja.
3. Kita akan dibawa ke sebuah tampilan seperti di bawah:

Bila bingung apa alamat Fans Page Facebook blog kita, buka halaman Home atau Beranda Facebook, dan klik Fans Page kita. Copy kan URL di browser pada kotak pengisian URL seperti gambar di atas. Silakan atur sesuai selera. Preview Facebook Like Box akan ditampilkan di samping kanan kotak di atas. 

4. Jika sudah, klik Get Code. 

Sampai di sini Face Book Like kita sudah jadi, tinggal memasang kotak Like Facebook tersebut di blog.

Bagaimana Cara Meletakkan Kode HTML Facebook Like Box?

1. Masuk ke Blogger > Template/ Rancangan

Seperti biasa, jika masih ragu-ragu, backup terlebih dahulu template kita.

3. Pilih Edit HTML, cari kode , tekan Ctrl+F untuk mempermudah pencarian.

4. Paste-kan Kode 1 tepat di bawah .

6. Simplate template kita. 

Belum selesai memasang Facebook Like Box ternyata, sedikit lagi.

7. Sekarang masuk ke Layout/ Tata Letak

8. Klik Add a Gadget dan pilih HTML/ JavaScript

9. Paste-kan Kode-2 dan simpan. Drag drop ke posisi yang kita inginkan, dan klik simpan. 
10. Selesai, Facebook Like Box kita sudah terpasang.

Mengapa Kotak Like Facebook/ Facebook Like Box belum Ada di Blog Kita?

Kegagalan dalam memasang Facebook Like Box di blog juga pernah saya alami. Maka kali ini saya berbagi tips untuk memecahkan masalah mengapa kotak Like Facebook belum juga terpasang.

1. Script (Kode HTML) Facebook Like Box yang tidak kompatibel

Ini biasanya muncul saat kita melakukan paste ke template blog. Template kita tidak bisa disimpan karena ada salah kode. Sebenarnya simpel. Ikuti perintah tulisan berwarna merah. 
Biasanya: "...AppId must be ended by ";"....dst", maka ini terpecahkan dengan menambahkan ";" setelah "AppId" kodenya menjadi "...AppId;='1234567890'.." atau semacamnya, saya tidak begitu ingat kodenya.

2. Kode Identitas Facebook Fans Page yang salah.

Periksa secara teliti, jangan sampai Fans Page orang lain yang ter-like karena facebook Like Box kita. Perhatikan preview saat kita membuat Facebook Like Box.

3. Jika Facebook Fans Page belum terpasang?

Pakai kode berikut sebagai Kode 1:

<div id='fb-root'/> <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_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

dan pakai kode berikut Kode 2:

<div class="fb-like-box" data-href="http://www.facebook.com/momovistablogging?ref=hl" data-width="286" data-show-faces="true" data-stream="false" data-show-border="false" data-header="false"> </div>

4. Jika Facebook Like Box masih belum juga terpasang?

Silakan cari lapak lain untuk memecahkan masalah Anda memasang Facebook Like Box. Untuk saat ini saya baru bisa membantu itu. Hehe..

Semoga bermanfaat tutorial memasang Facebook Like Box di blog ini.