Lompat ke konten Lompat ke sidebar Lompat ke footer

Memasang Kotak Komentar di Blog dari Facebook

Blog itu identik juga dengan komentar. Tulisan yang kita posting bisa dikomentari oleh siapa saja. Ada interaksi antara kita sebagai penulis dan pembaca blog kita. Memang untuk di blogspot sudah ada fitur kotak komentar. Tapi kita bisa memasang kotak komentar dari facebook.

Kenapa menggunakan kotak komentar dari facebook? Sudah kita ketahui bersama, siapa seh yang gak punya akun facebook. Hampir semua orang yang punya email pasti punya facebook. Jadi dengan menggunakan kotak komentar dari facebook akan mempermudah pembaca untuk memberikan komentar. Sehingga akan lebih banyak komentar yang diterima. Selain itu komentarnya juga bisa diposting ke profil facebook yang berkomentar, jadi akan banyak yang tahu dan berakibat traffiknya juga banyak.

Cara Memasang Kotak Komentar di Blog dari Facebook
Membuat aplikasi di facebook

1. Silahkan berkunjung http://developers.facebook.com/setup/


2. Isi, Nama Blog, URL situs, lalu klik Buat Aplikasi
3. Selanjutnya Anda akan diminta untuk mengisi captcha
4. Nah nanti kita akan dibawa ke halaman seperti ini


5. yang kita butuhkan adalah Aplikasi ID

Memasang kotak komentar di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <data:post.body/> atau <div class='post-header-line-1/>
(Jika sudah memasang readmore, terdapat dua code <data:post.body/>, maka letakkan code dibawah ini setelah <data:post.body/> yang kedua)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://kurniasepta.blogspot.com' target='new'><img alt='' class='icon-action' src='https://lh5.googleusercontent.com/_7ZD5stokK_0/TVHvD7tshUI/AAAAAAAAAJk/iyp1iDAoVZ8/Serba-Seru-Blog-Facebook-Comment-1.png'/></a></p></div>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: &#39;ID-APLIKASI&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;; e.async = true; document.getElementById(&#39;fb-root&#39;).appendChild(e); }()); </script>
<fb:comments/>
</div>
</b:if>

Sebelum disimpan, kita ganti ID-APLIKASI dengan Nomor ID aplikasi yang sudah kita buat tadi. Dan kita bisa mengganti warna kotak komentarnya dengan mengganti kode warna ffffff dengan kode warna yang kita inginkan.

6. Simpan Template jika sudah selesai.

19 komentar untuk "Memasang Kotak Komentar di Blog dari Facebook"

  1. ko gak bisa mas,langsung ke setup kode konfirmasi padahal kode konfirmasi belum dapet"mohon pencerahan

    http://jasaadsense-termurah.blogspot.com

    BalasHapus
  2. hehe...perlu dicoba neh..makasih atas infonya

    salam kenal

    BalasHapus
  3. mas pas di cari kode yang ini
    kq gda y

    BalasHapus
  4. wah ga bisa om.. kodenya yg harus d copas kek ad yg salah tuh... jd eror pngkodeannya, hahaha :D

    BalasHapus
  5. sob kunjungi blog q masroid.blogspot.com

    BalasHapus
  6. kalo pake page fans bukan aplikasi bisa??

    BalasHapus
  7. Thanks gan..membantu banget
    jangan lupa singgah ke blog aku yach http://uzbeck26.blogspot.com

    BalasHapus
  8. Kereeeeeeennnn.........!!!

    BalasHapus
  9. pak, disitu ada ksalahan pada pletakan <b:if ., jadi gag bisa di save...

    BalasHapus
  10. Mantap nih postingnya.. lanjutkan yuukk.. :)

    BalasHapus
  11. makasih untuk infonya dah gan!!

    ad follow me @dheanhaoneheart

    BalasHapus
  12. mas, punya saya kode ada 4 itu bagaimana?

    BalasHapus
  13. ijin menyoba bang,,,coz'ny Blog saya mau Q tambahin kotak komentarnya ..jadi biar ada 2 yaitu kotak koment blog sama fb.

    BalasHapus

Berlangganan via Email