Menambahkan Komentar Facebook Di Blogger V.2 - Indriawan dot Com | Informasi Dan Berita Online

Breaking

Post Top Ad

Space Iklan

Jumat, 25 Maret 2011

Menambahkan Komentar Facebook Di Blogger V.2

Setelah pada postingan sebelumnya saya juga pernah membahas hal yang sama, tapi ada kekurangannya yaitu komentar muncul di setiap postingan jadi kita tidak tahu artikel mana yang di komentari. Pada postingan kali ini kita juga akan membahas tutorial yang sama, tapi bedanya setiap komentar tidak akan muncul di semua postingan.

Saya sudah membuktikan dan berhasil di blog ini, silahkan di lihat kalau tidak percaya. Jadi kalau masih ada yang belum berhasil berarti sobat kurang beruntung, atau mungkin juga tidak semua template bisa di pasang kotak komentar facebok.

Baiklah langsung saja silahkan login ke akun facebook sobat dulu, lalu kunjungi Facebook developer kemudian isi form yang tersedia ( Lihat Gambar )


Setelah selesai klik Create app. Nanti akan ada ID App, copy dulu di notepad.


Berikutnya untuk pemasangan di blogger.
1. Login ke akun blogger sobat

2. Pilih design lalu edit HTML
3. Expand Template Widget
4. Pasang kode berikut DI BAWAH <data:post.body/>
5. Jika sudah menggunakan read more, pasang DI BAWAH <data:post.body/> ke dua

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;APP ID&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;);
e.type = &#39;text/javascript&#39;;
e.src = document.location.protocol +
&#39;//connect.facebook.net/id_ID/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>

Yang warna hijau ganti dengan APP ID yang sudah di dapat tadi dan Save template.
Atau jika sobat tidak mau repot, silahkan pakai kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;203502323012906&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;);
e.type = &#39;text/javascript&#39;;
e.src = document.location.protocol +
&#39;//connect.facebook.net/id_ID/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>

Semoga bermanfaat.
Alhamdulillah...

102 komentar:

  1. wah bagus nih mas..tambah sip aja nih artikelnya, ditunggu yg lain mas cz saya jg mau modif blog biar keren, hehehe

    BalasHapus
  2. @Putrabima Kalo V.1 Disini sob, tapi kelemahannya tiap komentar muncul di semua postingan. Kalo yg V.2 silahkan lihat contohnya Disini

    BalasHapus
  3. Wah.....saya masih harus banyak belajar....btw...ada burung warna biru ngeliatin ke arah saya..lucu, heheheheh

    BalasHapus
  4. makasih ya info nya izin belajar ya gan,,,
    salam kenal..
    good luck always..

    BalasHapus
  5. thanks gan infonya,wah tuh brung ngeliatin qu ngeblog,bagus bgt...
    i like it....
    salam kenal gan

    BalasHapus
  6. thanks for Article n infonya cukup menarik..
    ada burung yg terbang melihtin kita truzz

    salm kenal gan good luck always

    BalasHapus
  7. thanks infonya gan n dah berbagi Ilmu salam kenal gan
    good luck always

    BalasHapus
  8. thanks gan dah berbgai Ilmu,salam kenal gan Izin Ke TKP gan....

    BalasHapus
  9. kok aplikasinya kagak bisa gan?

    BalasHapus
  10. @Andhie Amir Assiddiqi Bisa kok sob, mungkin ada yg salah dalam meletakkan kodenya. Di coba lagi sob...

    BalasHapus
  11. MAKSIH ATAS INFONYA SAUDARA

    BalasHapus
  12. maskih sobat aplikasinya udah bisa

    BalasHapus
  13. @YUSRAN Sama2 sob, semoga bermanfaat. Sering2 mampir kesini sob...

    BalasHapus
  14. Mkasih sob atas infonya.. tp gmna cara mbdakan kotak comment fb pada beda post... biasanya commentnya muncul di semua postingan...

    BalasHapus
  15. @VitzKalo yg ini gak muncul di semua postingan sob, adem ayem aja di postingan yg dikasih komentar. Jd kita bisa tau postingan mana yg di kasih komentar.

    BalasHapus
  16. o,gituu...thanks ya tas informasinya..
    sukses slalu

    BalasHapus
  17. kok ada 2 ya letak kotak komentarnya? di atas n bawah postingan. bisa gak letaknya cuma di bawah postingan? makasi :)

    BalasHapus
  18. @Deean Diana Jiddan Loh kok bisa ada 2 sob? Sayangnya saya gak bisa liat webnya nih...

    BalasHapus
  19. coba liat di coretanpenuharti.blogspot.com. ada dua kotak :( mohon bantuannya ya :)

    BalasHapus
  20. @Deean Jiddan Oh kalo itu gak masalah, tinggal pilih aja mau pake komentar fb ato pake komentar dr blogspot. Mau pake dua2nya jg gpp kaya' di blog saya yg satunya www.zonaoke.co.cc itu pake dua komentar sekaligus.Kalo ada pertanyaan, jangan sungkan2 tanya ya...

    BalasHapus
  21. @Deean Jiddan Wah sorrry aku kurang teliti ngelihatnya, kok bisa muncul 2 gitu ya? Mungkin ada yg salah dalam peletakan kodenya. Coba di ulangi lg, perhatikan kode <data:post.body/> ada berapa di template kamu.

    BalasHapus
  22. cuma 1 . dah aku ulang juga ttp sama :((

    BalasHapus
  23. gak bisa mas. selalu ada tulisan seperti ini "The comments plugin requires an href parameter" kenaPa ya??

    BalasHapus
  24. kl pake APP ID punya sampeyan apa ga ada masalah broo???

    BalasHapus
  25. Masalah sih gak ada sob, cuma yang ngontrol sepenuhnya ya saya. Misalnya dalam moderasi komentar, cuma saya yg ngontrol kalo pake ID saya. Mendingan pake ID sendiri aja sob, biar lebih nyaman.

    BalasHapus
  26. Nice tips gan, boleh di coba tuh..
    Oiya gan, salam kenal..

    :D

    BalasHapus
  27. Salam kenal juga sob, thanks udah mau mampir...

    BalasHapus
  28. kang kalo mau tampil comment FB nya di hone page juga gimana yah??
    yang ini kan tampilnya di per postingan aja :D
    thanks infonya kang

    BalasHapus
  29. Hapus kode ini sob.

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    </b:if>

    paling atas dan paling bawah

    BalasHapus
  30. wow quick respon.

    thanks abis kang..nuhun pisan :D blog saya menjadi lebih cantik setelah ikut tutorial di blog akang..ijin bookmark kang sekalian maen ke blog traveling saya di www.whateverbackpacker.blogspot.com

    BalasHapus
  31. Sama2 sob semoga bermanfaat...
    Iya ntar pasti main..

    BalasHapus
  32. kang satu lagi nih, nambahin tombol like this nya gimana yah??apakah sudah ada tutorial nya??

    BalasHapus
  33. ini kode untuk like button sob..

    <iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>

    BalasHapus
  34. ini di simpennya dimananya yah kang??

    BalasHapus
  35. di setiap postingan sob. di atas komen fb jg bisa

    BalasHapus
  36. masalahnya kl bikin aplikasi baru IPP ID.. selalu gagal.. mumet banget broo?? sirahku nganti cekot-cekot... wis njenengan di cek nang yamohak.co.cc tulungi aku broo...

    BalasHapus
  37. Ane seh berhasil tapi melebihi om bordernya bisa ga diatur,,,
    jadi jelek

    BalasHapus
  38. Coba pasang yg terbaru aja sob
    http://bloggerbiasa.blogspot.com/2011/04/cara-pasang-komentar-facebook-di-blog.html

    BalasHapus
  39. tolongin dong. kode ini: tidak ada di blog saya. gmn nih?

    BalasHapus
  40. kalau saya pasang di blog yang tempaltenya downlod an kok gak bisa ya gan..
    gimana supaya bisa dipasang di template download an. thank

    BalasHapus
  41. Di coba Ah...
    Makasih lho Tips nya!

    BalasHapus
  42. gan! Koq gk bisa ya?
    yang saya gk bisa buat App Id, pas saya insert nama blog sama link blog malah ada kotak merah di atas nya.
    mohon pencerahannya ya gan!

    BalasHapus
  43. Sip ... berhasil gan, kalo udah pake readmore harus pasang di bawah data posat body kedua kan.. ? hehehe tengkyu tengkyu

    BalasHapus
  44. berhasil juga akhirnya thank bro.....
    tapi di blog ini kok ga pakai facebook komentar ya,
    emang ada kekuranganya??

    BalasHapus
  45. makasih infonya sangat membantu karena kita baru buat blog untuk kegiatan di pos rw.
    mampir juga ya http://pusgemasrw06.blogspot.com

    BalasHapus
  46. kk yg ke dua gimana carinya kan klw di ctrl+f yg kliatan cuma yg pertama/.....

    minta tolong...

    BalasHapus
  47. TX banget......
    semoga sukss...
    bagi yg gagal jangan putus asa

    BalasHapus
  48. @all : maaf sobat" sekalian, untuk sementara waktu blog ini saya (horier.blogspot.com) yg kelola..si admin lagi repot kerja jadi ketimbang semua rank-nya mlorot aku turut bantu aja buat hidupin ini blog..mohon maaf yah klo seandainya ada error dalam coding saya gag bisa jawab coz hanya si admin aja yang tahu..thanks before

    BalasHapus
  49. wah, kapan nigh adminnya datang???

    BalasHapus
  50. @imran : masih belum tentu sob waktunya, ya ditunggu aja ya ^^

    BalasHapus
  51. sip imfona,, walau agak bingung dikt cos i bener2 pemula didunia blogger

    BalasHapus
  52. Mantab Gan !! Matur nuwun Gan !
    sukses di Blog Ane. Kalo gak percaya klik aja nama ane .
    hehehe :D

    BalasHapus
  53. visit http://segernya.blogspot.com... mari tukar link.

    BalasHapus
  54. Mr...Dia minta konfirmasi kode apaan tuh??

    BalasHapus
  55. membuat recent posnya gmana gun?
    jawabannya kirim di selengkapnya ya gun

    BalasHapus
  56. contohnya di blog ini yang sebelah mana mas bro.. ini ane komeng masih pake komentar blogspot biasa.. ane pengen cobain nih bikin komeng fb di blog ane.. mohon petunjuk dan jalannya.. .. trims

    BalasHapus
  57. gan gimaan waktu bikinnya di kasih scrennshotnya biar mudah di pahami

    BalasHapus
  58. kl mau pasang Like disetiap postingan gmn br tahu brp yang like disetiap postingan kan beda2x orang yang lian aku kemrn salah pasang Tombol like
    Codenya satu aku pasang disetiap postingan tapi likenya kok sama disetiap
    postingan bingung tolong pencerahannay blog aku blog game tolong ya mas,
    ---------------http://onlinegames-game-online.blogspot.com/-------------
    oh iya agak beratin sedikit mau tampilin isi konten dihalaman utama gimn
    ya mas thanks

    BalasHapus
  59. om,kalo ngatur lebar kotak komentarnya gimana ya?

    BalasHapus
  60. keren juga .. coman komentar semua postingan sama nanti nya.. saya ingin yang berbeda di setiap post

    BalasHapus
  61. gan pada waktu saya di http://developers.facebook.com/setup/ kok ada keterangannya seperti ini "Akun Anda harus diverifikasi sebelum dapat mengambil tindakan ini. Harap verifikasi akun Anda dengan menambahkan ponsel atau kartu kredit.", apa membuat aplikasi di facebook kita harus bayar ???

    BalasHapus
  62. wahh sukses masnya.. :D makasih ya..

    BalasHapus
  63. thx gan....sukses...maklum nubie masih banyak2 belajar dari agan....:))

    BalasHapus
  64. kok di saya ga muncul yah?

    www.x-possible.co.cc

    BalasHapus
  65. Wah makin nambah aja ni ilmu cz agan Fry.
    thanks y Gan infonya. . ^_^

    BalasHapus
  66. Mantab gan.. udah aku coba tapi kok gak bisa. Bingung edit templatenya :)

    BalasHapus
  67. makasih kawan .....info nya ...http://nurwahidin612.blogspot.com/

    BalasHapus
  68. keren gan, tp di fb yg skarang ga bs ya XD

    BalasHapus
  69. Akhirnya, hanya tips ini yg bisa aq mengrti.. simple tpi pasti jdi..
    thnk's admin...
    mau nanya, nih.. cra non-aktif'in komen dri blogger lngsung semua postingan itu gimna?
    yg aku bisa cuma non-aktif'in stu persatu postingan aja..
    visit blog aq jg http://ramadhan-liya.blogspot.com (promosi dikit) ckckck...

    BalasHapus
  70. thank yaouu bangetnya yah info nya, sangat membantu, salam kenal

    BalasHapus
  71. kenapa engga bisa yah gan.? visit my blog http://lutfiright.blogspot.com

    BalasHapus
  72. terimakasih gan
    visit blog ane http://kurasaurus.blogspot.com/

    BalasHapus
  73. oke banget mas....infonya....terima kasih

    BalasHapus
  74. Sangat Membantu tutotialnya (y) ..

    Bagi teman2 yang BELUM BERHASIL bisa di coba versi HIJ yang relatif mudah disini:
    http://inginjawaban.blogspot.com/2013/03/menambahkan-plugin-komentar-facebook-pada-blog.html

    salam

    BalasHapus
  75. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  76. Terima kasih atas artikelnya , saya praktek kan dan ternyata sukses
    sangat bermanfaat sob

    BalasHapus
  77. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    BalasHapus
  78. Gan , ane mw ngucapin terimakasih gan , ANE sampai 3 Hari gbs tdr vuma ngutak ngatik masang komentar fb d blog tp gak berhasil semua dengan banyak tutor dr berbagai blog. KEBETULAN DI BLOG INI. SEKALI BACA N PRAKTEK lgsg berhasil. MAKASIH YA GAAAAN

    BalasHapus
  79. informasinya sangat bagus sekali...
    saya suka..
    banyak pengetahuan yang saya dapatkan setelah saya berkunjung ke blog ini....

    BalasHapus
  80. terimakasih banyak atas info nya sangat bermanfaat sekali
    semoga semakin sukses nya

    BalasHapus
  81. terimakasih banyak info nya
    Bermanfaat sekali
    Semoga sukses

    BalasHapus
  82. artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.

    BalasHapus
  83. keren gan postingannya :)
    http://ikhwandokuz.student.ipb.ac.id

    BalasHapus

  84. makasih infonya sangat bermanfaat

    BalasHapus
  85. Terima Kasih ya Gan, Artikel yang sangat Bagus dan Bermanfaat.. Update terus dan sukses selalu ya Gan..
    jangan lupa berkunjung yah gan^^
    judi online
    situs judi online
    roulette
    roulette online
    baccarat
    baccarat online
    casino online
    live casino
    agen casino
    judi casino

    BalasHapus

Post Top Ad

Space Iklan