Cara Membuat Kotak Komentar Facebook di Blogspot (Blogger)

Cara Membuat Kotak Komentar Facebook di Blogspot (Blogger) dengan mudah dan praktis. Cara membuatnya pun tidak terlalu rumit/susah .

Berikut adalah langkah-langkahnya :

A. Cara membuat Aplikasi Facebook

1. Login ke Facebook.

2. Klik link Aplikasi pembuatan aplikasinya https://developers.facebook.com/apps

3. Lakukan Registrasi terlebih dahulu

4. Lalu Klik Buat Aplikasi Baru

    

    

5. Nama aplikasi, silahkan diisi sesuai nama blog

6. Untuk kolom App Namespace dan App Namespace, Kosongkan aja (gak usah di edit)

7. Centang App Namespace

8. Klik Lanjutkan

9. Masukkan Kode Captcha

10. Isi Data secara lengkap seperti gambar ini :

 

     Isikan pada kolom "Website With Facebook Login", dan "App Domains" dengan alamat blog kamu. Lalu Simpan. Untuk kolom “Email” itu terisi sendiri jadi tidak perlu di rubah atau di isi.

     Catat nomor App ID Anda, seperti yang ditunjukkan di gambar Facebook tersebut. Sampai disini anda telah selesai membuat plugin aplikasi facebook. Sekarang lanjut ke tahap pembuatan komentar facebook di blog.

11. Simpan nomer Applikasi anda.
      Untuk tahap pembuatan aplikasi di facebook telah selesai, lalau lanjutkan dengan cara pemasangan kotak komentar di blogspot anda.

B. Cara Membuat Kotak Komentar Facebook di Blogspot

1. Login ke akun Blogspot (Blogger)

2. Pilih Template, klik Edit HTML

3. Cari kode <b:skin><![CDATA[

4. Masukkan kode atau script di bawah ini, sebelum kode <b:skin><![CDATA[

    <meta content='ID_Facebook' property='fb:admins'/>
    <meta content='App ID' property='fb:app_id'/>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

5. Cari kode <div class='post-footer-line post-footer-line-3'><span class='post-location'> kemudian tambahkan kode di bawah ini tepat di bawah <div class='post-footer-line post-footer-line-3'><span class='post-location'>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='fb-comments' data-num-posts='10' data-width='550' expr:data-href='data:post.url'/> 
    </b:if>