Cara Membuat Kotak Komentar Facebook di Blog

Tutorial Cara Membuat Kotak Komentar Facebook di Blog

Minibong - Pernah lihat Blog yang tepat di kotak komentar postingannya berupa komentar Facebook? Pengen juga punya kotak komentar seperti itu? Ayo di simak. Kali ini saya akan share tutorial untuk membuat kotak komentar Facebook di Blog. Ikuti langkah-langkah berikut ini step by step.

Cara Membuat Kotak Komentar Facebook di Blog

A. Membuat Aplikasi Facebook.
Tutorial Cara Membuat Kotak Komentar Facebook di Blog
    Tutorial Cara Membuat Kotak Komentar Facebook di Blog
  • Login ke Facebook.
  • Kunjungi Facebook Developer.
  • Dan pilih Buat Aplikasi Baru.
  • Nama Aplikasi, silahkan diisi sesuai nama Blog.
  • Untuk kolom App Namespace dan App Category, di kosongkan saja.
  • Klik Lanjutkan.
  • Masukkan kode captcha
  • Kemudian isi data dengan lengkap seperti gambar di samping.
  • Setelah selesai jangan lupa copy App ID/API Key di Notepad.


B. Membuat Kotak Komentar Facebook di Blog.
  • Login ke Blog.
  • Pilih Template > Edit HTML.
  • Cari kode "<data:post.body/>" (tekan Ctrl+F untuk memudahkan pencarian).
  • Jika menggunakan "Read More" cari kode "<data:post.body/>" yang ke-2.
  • Kemudian copy script dibawah ini dan letakkan tepat di bawah "<data:post.body/>".
<b:if cond='data:blog.pageType == "item"'><br /> <div id='fb-root'/><script> window.fbAsyncInit = function() { FB.init({appId: 'App ID Anda', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.type = 'text/javascript'; e.src = document.location.protocol + '//connect.facebook.net/id_ID/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script><br /> <fb:comments/><br /> </b:if>
  •  Ganti tulisan App ID Anda dengan App ID/API Key yang di copy ke Notepad tadi.
  • (Jika gagal, silahkan letakkan script tadi di bawah <data:post.body/> yang pertama)

Postingan terkait: