Integrasi Comment Facebook di Blog

Aku begitu penasaran untuk memasang kotak komentar facebook di blog yang saya miliki, alamatnya disini http://www.anitanetphotography.com/ ini karena saya tahu manfaatnya lumayan besar.

Kotak komentar facebook membantu kita mendapatkan backlink berkualitas dari situs web dan di facebook kita dapat berkomentar beberapa kali dan tidak perlu ada untuk persetujuan atau moderation.

Kita juga dapat memberikan hyperlink ke website Anda dengan kata kunci dan akan membantu dalam mendapatkan peringkat yang baik di google.
Cara membuat Kotak Komentar Facebook di Blogger:

1. Untuk membuat facebook Comment, kita perlu membuat aplikasi facebook yang sederhana
2. Kita buat disini: https://developers.facebook.com/apps
3. Lalu masukan user dan password facebook yang sudah kita miliki
4. Maka akan terbukawindow seperti ini:
   
5. Klik tombol + Buat Aplikasi Baru
6. Tunggu sebentar .....
7. Maka akan terbuka window seperti ini:
   
8. Isikan Nama Aplikasinya misalnya: Anita Blog
9. App Namespace: anita_blog (jangan ada spasi)
10. Web hgosting biarkan kosong
11. Klik tombol Lanjutkan
12. Masukkan code captchanya:
    
13. Klik Lanjutkan
14. maka akan terbuka window seperti ini, disebut aplikasi sederhana kita
15. Klik tulisan Log in to my website using Facebook
16. Masukkan website yang kita mau pasang, misalnya http://www.anitanetphotography.com
17. Sandbox Mode pilih yang Nonaktif, maka warna orange pada tulisan Aplikasi ini berfungsi berubah menjadi hijau.
    
18. Maka Aplikasi Anita Blog sekarang sudah live, Aplikasi ini berfungsi (Terlihat ke semua pengguna)
19. Copykan App ID yang kita miliki, misalnya: 548070095254112
20. Sekarang kita buka dashboard kita
21. Pilih Template
    
22. Backup dulu template kita dengan mengklik tombol Cadangan/Pulihkan (Backup/Restore) template-2915624201794314600(4).xml Supaya tidak salah nanti, kalau terjadi apa bisa dikembalikan ke semula
23. Klik Edit HTML
    
24. cari <b:bskin>
25. Copykan script nya dibawah ini diatas <b:bskin>
26. seperti gambar dibawah ini:
    
27. Note: Masukkan profil facebook anda, yaitu anitasitus atau 856040553 (Ingat jangan diisi code angka ya, tapi isikan nama facebok nya yaitu anitasitus)
28. cari lagi footer-line-3
    
29. Klik enter untuk memberi ruang bagi script yang mau kita pastekan
30. lalu kita copykan script dibawah ini tepat dibawah tulisan footer-line-3, tepatnya setelah tulisan ini <div class='post-footer-line post-footer-line-3'>
    
    <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>
    
    
31. Klik Simpan Template
32. Sekarang klik Lihat Blog (View Blog)
    
33. Lebarnya tampilan bisa diatur disini: data-width='550' rubah menjadi data-width='450'
34. Maka akan muncul kotak komentar facebook seperti ini disetiap postingan kita
35. Selesai
    
36. Maka muncul komen facebook kita
    
37. Disini masih ada kolom koment blogger, biarkan saja, sebab tidak semua orang mau komen via facebook maunya via blogger
38. Komen via facebook bisa langsung masuk ke timeline teman2 facebook kita sehingga file marketing lebih keren
39. Test..... Saya coba isi kotak komen facebook nya yang ada di blog dengan cara klik judul postingan yang mau diberi komentar
    
40. Hasilnya bisa dilihat di facebook kita seperti ini:
    
41. Berhasil !!!!