Cara membuat kotak komentar facebook di blog

Cara membuat kotak komentar facebook di blog tutorialnya sudah banyak banget namun karena masih banyak yang kesulitan dalam memasang komentar facebook di blog,maka kali ini saya akan share juga dalam tutorial blog malam ini.

Cara membuat kotak komentar facebook di blog

Membuat kotak komentar facebook cukup sederhana,dan caranya adalah sebagai berikut:


1. Masuk ke akun blog sobat
2. Pilih Template --> Edit HTML
3. Cari kode <div class=’comments’ id=’comments’> setelah ketemu, letakkan kode dibawah ini tepat dibawahnya:

<div class=’comments-tab’ id=’fb-comments’ onclick=’javascript:commentToggle(&quot;#fb-comments&quot;);’ title=’Comments made with Facebook’><img class=’comments-tab-icon’ src=’http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png’/><fb:comments-count expr:href=’data:post.url’/> Comments</div><div class=’comments-tab inactive-select-tab’ id=’blogger-comments’ onclick=’javascript:commentToggle(&quot;#blogger-comments&quot;);’ title=’Comments from Blogger’><img class=’comments-tab-icon’ src=’http://www.blogger.com/img/icon_logo32.gif’/> <data:post.numComments/> Comments</div><div class=’clear’/></div><div class=’comments-page’ id=’fb-comments-page’><b:if cond=’data:blog.pageType == &quot;item&quot;’><div id=’fb-root’/><fb:comments expr:href=’data:post.url’ num_posts=’2′ width=’400’/></b:if></div><div class=’comments comments-page’ id=’blogger-comments-page’>
<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1’/><script src=’http://code.jquery.com/jquery-latest.js’/><meta content=’ID Facebook Sobat ‘ property=’fb:admins’/><script type=’text/javascript’>function commentToggle(selectTab) {$(“.comments-tab”).addClass(“inactive-select-tab”);$(selectTab).removeClass(“inactive-select-tab”);$(“.comments-page”).hide();$(selectTab + “-page”).show();}</script><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

4 .Ganti tulisan ID Facebook Sobat dengan ID Facebook sobat.
5.Save dan lihat hasilnya.

Keterangan : 
-Bila kode  <div class=’comments’ id=’comments’> terdapat 2 maka pilih kode yang kedua
-Bila sobat belum membuat atau memiliki id facebook,maka sobat buat dulu dan bila ada kesulitan,nanti lain waktu akan saya buatkan juga tutorialnya.

Nah sobat Darmanto semua,semoga saja sobat berhasil membuat kotak komentar facebook di blog,namun bila sobat blogger semua tetap masih belum bisa silahkan hubungi saya untuk saya buatkan dengan biaya murah.

58 thoughts on “Cara membuat kotak komentar facebook di blog

  1. admin says:

    tutorial Cara membuat kotak komentar facebook di blog kalau dijalankan dengan benar pasti bisa karena sudah diuji,kalau memang belum berhasil,coba diteliti lagi apa yg belum dilakukan…

  2. zacka says:

    Thanks Gan atas tutorialnya…btw, sy sdh terapkan di blog sy, tp kok knp tdk bisa ya, alias tdk muncul kotak koment FB nya…itu yg di ganti/ di tambahkan hanya ID fb kita saja kan Bro, yg lain tidak ada yg perlu di rubah. Klw iya, knp tidak bisa ya bro…bisa tolong kenapa sebabnya… 😀
    Thx, sebelumnya. Zacka

  3. joky y says:

    makasih ka tutorialnya saya berhasil coba lihat apakah udah benar atau belum kalau benar saya ijin share ya ke yang lain

  4. Wondho Ez says:

    Gan saya pasang di http
    wondhoez.blogspot.com kok gak work ya… saranya dung.. trimakasih..!

  5. Wondho Ez says:

    Trimakasih gan… mo coba lagi nih.. trimakasih atas Ilmunya. maklum.. baru coba"…! Sukses deh gan..!

  6. nizar hakim says:

    thanks gan…. sangat membantu
    yang ingin tau info-info terbaru, silahkan kunjungi blog ane

  7. admin says:

    Kalau dilihat dari templatenya,lebih cocok bila memang ingin pasang coment default blogger tapi juga pasang coment fb,buat saja form coment dengan model bersusun,bukan berdampingan,banyak tutorial blog yg sudah memposting cara membuatnya.

  8. saungmami says:

    @Onix Aqua bisa kok gan, saya menggunakan cara dari pak Darmanto ini di blog saya dan berhasil, Saya hanya sedikit memodifikasi tampilan kotak komentarnya.

  9. Haikal Palapa says:

    ternyata mudah banget kl pk tutorial ini. kemaren" gagal mulu bikin kotak komen fb yg ada ikon PENGATURANnya "gir".
    Tp ikon FBya kok blank. hanya terlihat kotak putih. tidak seperti ikon "blogger" yg ada di sampingnya.

    Bagaimana cara memunculkan ikon FB???

    • admin says:

      untuk komentar blog,cek pengaturan blognya sudah di aktifkan apa belum dan untuk komentar fb ngga muncul karena ada script template yang sudah ngga support,contact pembuat tempaltenya untuk perbaikan kolom komentar fbnya

Comments are closed.