Loading
  • Home
  • Link
  • Welcome
  • Tutorial
  • Tips
  • Jamu Gendong
Related Posts Plugin for WordPress, Blogger...
Share

Thursday, July 4, 2013

Integrasi Comment Facebook di Blog

facebook_comment_16
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:
    facebook_comment_1
  5. Klik tombol + Buat Aplikasi Baru
  6. Tunggu sebentar .....
  7. Maka akan terbuka window seperti ini:
    facebook_comment_2
  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:
    facebook_comment_3
  13. Klik Lanjutkan
  14. maka akan terbuka window seperti ini, disebut aplikasi sederhana kita facebook_comment_4
  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.
    facebook_comment_6 facebook_comment_5
  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
    facebook_comment_7
  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
    facebook_comment_9
  24. cari <b:bskin>
  25. Copykan script nya dibawah ini diatas <b:bskin>
  26. seperti gambar dibawah ini:
    facebook_comment_8
  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
    facebook_comment_10
  29. Klik enter untuk memberi ruang bagi script yang mau kita pastekan facebook_comment_11
  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>

    facebook_comment_12
  31. Klik Simpan Template
  32. Sekarang klik Lihat Blog (View Blog)
    facebook_comment_13
  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
    facebook_comment_14
  36. Maka muncul komen facebook kita
    facebook_comment_17
  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
    facebook_comment_15 facebook_comment_16
  40. Hasilnya bisa dilihat di facebook kita seperti ini:
    facebook_comment_17
  41. Berhasil !!!!

1 comment:

  1. Bu Anita, terima kasih ya sudah menuliskan ulang tutorial dari Digital Mommies.

    Aku ga bisa buka video di tutorialnya, terbantu sekali dengan postingannya.

    Salam kenal ^^

    ReplyDelete