2010-11-12

Kotak Komentar Facebook di Bawah Posting (Update)

Pasang kotak komentar facebook diblog, Kotak komentar facebook bisa kita pasang pada blog atau website kita, selain untuk memudahkan para pengunjung blog juga dapat meningkatkan trafik blog kita tersebut. Dengan plugin kotak komentar facebook ini terbukti dapat mendongkrak pengunjung blog, ini telah saya buktikan diblog saya yang lain.
Mengapa bisa demikian? Ya karena Ketika ada seseorang yang memberikan sebuah komentar pada blog kita melalui kotak komentar facebook tersebut akan ada pemberitahuan aktifitas pada profil facebook orang yang berkomentar, jadi kemungkinan besar teman-teman facebook dari pemberi komentar tersebut akan melihat pemberitahuan pada dinding mereka dan kemungkinan besar mereka juga akan tertarik ikut memberikan komentar juga pada blog kita.

Contoh bisa lihat di Halaman Sini

Nah berikut cara pasang kotak komentar facebook dengan facebook comment plugin :
1. Masuk ke Tata Letak >> Edit HTML
2. Jangan lupa Download Template Lengkap (untuk membackup template dimaksudkan menghindari hal yg tidak diinginkan)
3. Beri tanda check pada Expand widget template
4. Letakkan kode berikut tepat di atas </body> 
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
5. Kemudian letakkan kode berikut tepat dibawah <data:post.body/> jika kamu sudah menggunakan readmore akan ada 2 kode  <data:post.body/> jadi letakkan setelah kode yang ke 2.
<div class='fb-comments' data-num-posts='5' data-width='470' expr:data-href='data:post.url'/>
 6. Simpan template dan lihat postingan kamu.

Tips bagi yang tidak tampil :
Jika facebook comment tidak tampil alias tidak berhasil coba letakkan kode langkah 5 tepat dibawah kode  <data:post.body/> yang pertama.


Menyesuaikan :
 - data-num-posts='5'  : Angka 5 menunjukkan jumlah komentar yang akan tampil rubahlah angka tersebut dengan angka yang kamu ingin.
 -  width='470' : Angka 470 menentukan lebar facebook comments rubahlah jika tidak sesuai dengan lebar kolom blog kamu.


Apabila menemukan kesulitan dalam memasang kotak komentar facebook dibawah posting silahkan tinggalkan komentar! 
Tags : Facebook Comment, Kotak komentar facebook, Cara pasang, Facebook, Cara memasang kementar facebook dibawah posting, kotak komentar facebook di blog, facebook connect, membuat kotak komentar facebookgt;

Dapatkan artikel terbaru seperti Kotak Komentar Facebook di Bawah Posting (Update) langsung ke Email kamu..!!!


Ada 42 komentar untuk Kotak Komentar Facebook di Bawah Posting (Update)

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. makasih infonya sob, saya baca2 dulu ya

    BalasHapus
  3. kok gg ada data:post.body dan div classheader nya bro ada alternatif lain gg bro yang dua tu gg ada di blog wa
    thanks blas ke email aq aja spartacksjambi@ymail.com

    BalasHapus
  4. bro... tanggapin dong komentarnya, kasus aku sendiri setelah kode itu saya pasang, eh ada komentarnya begini "Plugin komentar memerlukan parameter href", piye bro ?

    BalasHapus
  5. kangsus dan semua :
    Sudah saya perbarui silahkan dicoba dengan kode yang baru pasti berhasil.

    BalasHapus
  6. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  7. di blog ane kok gag ada om..yg ada tu om..sama gag??????
    tp wda ane cba tp te2p gag mau gann....kasi pncerahan gannn...thx

    BalasHapus
  8. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  9. gag ada kode yang om bilang tuuu (())

    BalasHapus
  10. Lowdeq Otaqotor :
    Pasti ada kode itu jd tdk mungkin klw gk ada,
    Klw memang tidk ada Pasti km melewati langkah 3.

    BalasHapus
  11. kok ane g ad gan ? ??? padahal ane dah makek readmore otomatis ???
    ini visit ya http://game-koplak.blogspot.com/

    BalasHapus
  12. kalau mau ganti warna gimana ya?? soalnya blog saya warna hitam, jadi komennya ga kleiatan...

    kode ini juga ga ada

    BalasHapus
  13. Hahahahaha.... ternyata gampang... silahkan mampir ke blog saiiya y....

    BalasHapus
  14. berhasil gan, trims atas infonya...

    BalasHapus
  15. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  16. berhasil gan, tp cara , ganti warna teks commentnya gmn? soalnya tema aku warna hitam

    BalasHapus
  17. follow back ia gan + mampir ke my blogger : http://dinamit.blogger.blogspot.com

    BalasHapus
    Balasan
    1. Untuk warna Gelap cukup menambahkan kode contohnya dibawah ini :
      Tambahjakan data-colorscheme="dark" tepat setelah data-width="470"

      Jadinya : data-width="470" data-colorscheme="dark"

      Hapus
  18. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  19. Mungkin Sioom Agak Silap kali... coba cek kode ini lalu paste di bawahnya...trim`s

    BalasHapus
  20. makasiih bnyak gan..ane dah berhasil..jngan lpa kunjungannya gan http://anaxpangandaran.blogspot.com/

    BalasHapus
  21. wah keren sob, thanks sob untung ada blog ane bisa bantu ane buat koment fb

    BalasHapus
  22. om ini kalaunya ada komentar dari orang apakah ada pemberitahuannya :D

    BalasHapus
  23. Artikel yang sangat manarik - asik - tapi menggelitik karena mudah2 susah. he he :)
    Praktek dulu - Semoga berhasil - dibantu ya dibantu. :D

    BalasHapus
  24. Thx buat tutorialx nnt d coba, btw gmn crx bikin artikel terkait thumbnail?

    BalasHapus
    Balasan
    1. bs baca disini : http://u-sup.blogspot.com/2011/05/artikel-berhubungan-dengan-gambar_22.html

      Hapus
  25. Sukses!!! Tksh, gan atas pencerahannya! Terbukti di sini: www.qalamediaonline.co.cc

    BalasHapus
  26. Danke mas sudah bisa blog ini emang bagus... top!!! dan terimakasih gak pake script block click kanan...

    BalasHapus
  27. makasi tipsnya ... sangat bermanfaat dan telah berhasil diterapkan di blog saya. kunjungan balik ya @ http://cosmo-burn.blogspot.com/

    BalasHapus
  28. kunjungan malam nih, sukses selalu buat blognya

    BalasHapus