Facebook Comment dengan Reply Untuk Setiap Postingan Blogspot

Si beben-koben yang katanya kalem tea itu, memang tidak pernah tenang. Postingan yang saya rancang untuk di publish berkala kadang akhirnya harus di terbitkan sesergera juga karena dia sudah rame di komentar :D. Termasuk soal sistem baru plugin facebook comments yang dipasang di blogspot atau blogger. Bukan hanya untuk keseluruhan situs (seperti pada artikel: Membuat Halaman Testimony dengan Facebook Comments) tapi ini bisa Anda pasang di bawah setiap postingan Anda (mirip artikel terdahulu: Cara Membuat Facebook Comment di bawah postingan, hanya saja ini lebih canggih lagi). Berbeda dengan plugin komentar facebook sebelumnya yang hanya bisa komen tanpa reply, kali ini setiap pengunjung bisa saling reply seperti di facebook, daaaaaan akan ada pemberitahuan langsung di halaman facebook Anda. Lebih mudah dalam pengendalian bukan?


Instalasi
Silahkan Anda tambahkan kode berikut setelah <data:post.body/>
Jika Anda sudah menggunakan readmore, maka akan ada dua kode, letakkan setelah <data:post.body/> yang kedua.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxxxxx&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='5' width='600'/>
  </b:if>

Yang berwarna biru pertama (xxxxxxxxxxxxx) adalah ID aplikasi Anda. Anda bisa menemukan cara membuat aplikasi serta mendapat ID nya dengan mengikuti tutorial pembuatan facebook comment lawas: Cara Membuat Facebook Comment di bawah postingan. Yang berwarna biru kedua (5) adalah jumlah posting yang akan ditampilkan. Dan yang berwarna biru ketiga (600) adalah lebar gadget komentar Anda. Jika sudah, silahkan Simpan template Anda.

Menghubungkan Facebook Plugins dengan Profil Facebook
Ini berfungsi agar setiap orang membalas komentar Anda akan ada pemberitahuan ke profil facebook Anda. Silahkan tambahkan meta berikut ini di atas kode <b:skin><![CDATA[/
<meta content='profilID' property='fb:admins'/>
<meta content='aplikasiID' property='fb:app_id'/>

ID aplikasi sudah Anda ketahui seperti pada point sebelumnya. Sementara untuk ID facebook Anda, bisa Anda temukan dalam halaman profil Anda. Silahkan klik tab Profil di facebook, kemudian perhatikan URl yang tertera di address bar, semisal: http://www.facebook.com/profile.php?id=1200922518
nah, yang berwarna biru adalah id profil Anda.

ID Profil Bagi Yang Sudah Gunakan Nick Name
Bagi yang sudah merubah alamat profil facebook menggunakan username facebook sehingga alamat profil menjadi singkat tanpa id seperti: facebook.com/masdoyok, maka Anda bisa menemukannya melalui foto profil Anda. Silahkan Anda masuk ke halaman profil Anda di facebook, kemudian klik kanan pada foto profil Anda dan pilih copy link location.

Paste link tersebut ke notepad dan Anda akan mendapatkan url semacam berikut ini:
http://www.facebook.com/media/set/fbx/?set=a.1427473925785.2063139.1200922518
Ada deretan angka, tapi yang perlu Anda ambil hanyalah deretan angka paling belakang setelah titik. Nah, sekarang Anda sudah tahu ID aplikasi dan ID facebook profil yang bisa Anda integrasikan dengan script plugins facebook comments.

Admin Setting
Dengan sistem baru ini, Anda bisa melakukan berbagai pengaturan untuk koemntar facebook Anda. Setelah plugin facebook comments terpasang di bawah artikel Anda, silahkan klik link Settings di bagian kanan atas gadget tersebut. Ada beberapa setting sebagai berikut:
Moderators, Anda bisa menambahkan beberapa orang untuk membantu memoderasi komentar yang masuk ke blog Anda.
Moderation Mode, secara default komentar akan langsung muncul dan bisa dilihat setiap orang. Jika ingin komentar muncul hanya setelah moderasi silahkan pilih opsi kedua: Let me approve each comment before it is shown to everyone.
Blacklisted Words, Anda bisa filter kata-kata yang tidak ingin masuk ke komentar Anda. Secara default ini akan mengikuti aturan penulisan kata di facebook, tapi Anda bisa menambahkan kata-kata yang akan diblokir dengan memilih Create Custom List
Other Login providers, silahkan centang agar pengunjung mempunyai pilihan untuk comment dengan berbagai pilihan login.
Grammar Filter, pembetulan ejaan otomatis.
Comments Composer, adalah pilihan untuk menampilkan form pengisian komentar.


Moderator View dan Comment Moderation Tool
Silahkan klik tombol Moderator View di bagian kiri atas gadget facebook comments Anda. Otomatis tampilan gadget akan berubah menjadi halaman untuk moderasi komentar. Di halaman ini Anda bisa sembunyikan komentar yang tidak Anda inginkan atau ban alias menolak pengunjung yang tidak Anda sukai agar tidak bisa komentar di blog Anda.


Untuk moderation tool sendiri bisa Anda kunjungi ke alamat berikut: http://developers.facebook.com/tools/comments?id=xxxxxx

Silahkan ganti yang berwarna biru dengan id aplikasi Anda. Di halaman moderation tool Anda bisa lihat keseluruhan komentar yang masuk ke blog Anda. Anda bisa langsung reply dari sana.


Tapi, kadang komentar yang masuk kurang Anda pahami jika Anda tidak tahu di artikel Anda yang mana pengunjung tersebut berkomentar. Untuk datang ke komentar pengunjung langsung di artikel yang ia komentari, silahkan klik pada keterangan waktu komentar.



Yah, memang sedikit panjang postingannya... tapi semoga bermanfaat... Selamat pagi... fresssh

Komentar

  1. mantap..
    sekarang fiturnya tambah canggih...
    Pertamaxxx ane amankan dulu :P

    BalasHapus
    Balasan
    1. apakah bila ada orang yang berkomentar di facebook comment ini akan keluar pemberitahuan bahwa ada yang telah berkomentar

      Hapus
  2. PERTAMAX...
    langsung Ke TKP mas Doy...
    http://www.musicasianzone.cc.cc/

    BalasHapus
  3. wah wah..
    tambah seru dong komen komenan kalau gini caranya :)

    BalasHapus
  4. atas ane kayaknya nyepam...
    hahaha, kabur mas

    BalasHapus
  5. kerennn mas doyy,, sumpahh baru tau sayah.. hhe*..
    thnks infonya

    BalasHapus
  6. @Belajar Seputar Komputer
    iya mas :d masih banyak lagi sebenernya integrasi facebook dan blog

    BalasHapus
    Balasan
    1. kalau kluar warning seperti ini gimana?
      Warning: http://koleksi-berita.blogspot.com/2012/03/pria-ini-potong-penis-kekasih-gelap.html is unreachable.

      Hapus
  7. kupas tuntas dong mas sampe keakar akarnya.. hehehe

    BalasHapus
  8. @ajie
    udah dibahas semua ini kan...
    @bisnis pulsa
    silahkan dicoba kang

    BalasHapus
  9. salam sahabat
    kira kira mempengaruhi loading gak mas dengan banyak script kode yang masuk?thanks

    BalasHapus
    Balasan
    1. saya sudah pasang,,. mempengaruhi loading mbak, sebanding lah dengan manfaat fitur nya.. gak terlalu berat, namun pasti lebih berat dari sebelumnya

      Hapus
  10. @dhana
    pengaruh sih pasti mbak :D
    soal gadget kita harus milih mana yg tepat

    BalasHapus
  11. @aini
    silahkan dicoba saja kang

    BalasHapus
  12. Punya ku mesti sudah dapat kemarin ternyata masih salah, di facebook admin tak kasih alamat profil facebook bukannya nomor id hahaa

    Keren keren Mas

    BalasHapus
  13. Mau tanya lagi mas, kalau aku punya 2 blog dan dua duanya dipasangi komentar reply ini tapi dengan dua applikasi facebook berbeda, bermasalahkah nantinya? Satu applikasi mungkin gak? Thanks Mas Doy..

    BalasHapus
  14. gak papa mas :D aku juga kok, satu aplikasi ya gak soalnya kan blog kita didaftarkan pada saat buat apps, nah utk beberapa plugin dgn satu profil fb gak masalah

    BalasHapus
  15. sippp :D semoga bermanfaat mas

    BalasHapus
  16. wehhh , foto profil fb saya kesorot .. hehehee

    BalasHapus
  17. @Mas Doyok
    Kalau cara agar komen blogspot ada replynya gimana ya??
    Kayak gini ini...

    BalasHapus
  18. langsung di coba gan,tip yg menarik

    BalasHapus
  19. Wah,mantap nih..tapi mau nanya sedikit mas,,mudah mudahan mau jawab,,hal ini menambah berat load suatu blog nggak..?kan kalau saya saya perhatiin aplikasi yang dari FB,misalnya fan page,atau fb coment di blog suka agak berat..terkadang di status bar tulisan nya begini.waiting for statistick akfbcdn.itu kan dari fb ya mas..?? mohon petunjuknya ya mas,,terima kasih..

    BalasHapus
  20. huaaaaaaaaaaaaa, diposting juga si doyok euy, ngikut ah mosting, tp dengan gaya gue dong dengan rujukan web/blog edan punya...just wait on my next post!!!
    \m/

    BalasHapus
  21. @jagka
    kalau seperti blog ini banyak mas tutornya, coba googling aja 'tambah tombol reply di blogspot'

    BalasHapus
  22. @rully
    setiap gadget pasti nambah berat
    termasuk juga fb :D
    dan utk fb sendiri karena gadgetnya ada ngambil script external dari fb maka otomatis kemungkinan load lebih lama juga lebih besar :D utk penambahan gadget memang sebuah pilihan, silahkan tentukan mana yg lebih penting mas :D

    @beben
    siip ben :D hehehe

    BalasHapus
  23. mas Doyok trims infonya, mau tanya, komentar FB tsb apa akan kelihatan pada Komentarnya Blogger atau pada email kita.

    BalasHapus
  24. pagi mas, maksud saya kalau komentar di blog biasanya akan ada pemberitahuan di Email dan spt rekapan Komentar pada dasbor [draft designer] trims mas

    BalasHapus
  25. ini malah langsung masuk pemberitahuan facebook mas

    BalasHapus
  26. thanks banget mas.. sangat berguna bagi saya. sudah saya praktekkan. Penjelasan yang mas berikan sangat lengkap. salutt

    BalasHapus
  27. mas,, yang saya temukan cuma satu,,padahal saya udah pake read more..gimana tu mas...trus cara membuat kotak komentar seperti punya mas ini gimana,,,?? ditunggu ya jawabannya mas,,,hehe

    http://pli-it.blogspot.com/

    BalasHapus
  28. @idris ya berarti di bawah kode itu aja dicoba gak papa mas :D

    BalasHapus
    Balasan
    1. mas, saya mau tanya tolong di balas ya..
      gimana cara nya supaya komentar orang hanya muncul di posting yang terkait atau judul posting yang di komentari..?? tidak muncul di semua posting..

      tolong di balas..

      Hapus
  29. kang,kok di blog ku ada tulisan Warning: http://www.reyvababtista.com/2011/04/10-blogger-teknologi-terbaik-dunia.html is unreachable. ya??
    gak ada settings juga di sebelah kanan atas comment facebooknya....

    BalasHapus
  30. udah bisa kang, udah nemu solusinya di http://wordpress.org/extend/plugins/facebook-comments-for-wordpress/changelog/ :D

    BalasHapus
  31. menurut saya lebih mudah lagi dari facebook sendiri:pertama login facebook>pengembang>dokument>likebutton>komentar>isi url blog dll>klik get code>setelah itu copas ke dalam blog kita>edit html>(cari data post body taruh setelahnya)>save jadi deh :)saling berbagi info thx

    BalasHapus
  32. tidak bisa semudah itu mas
    kalau cuma gitu nantinya semua postingan sama komennya

    BalasHapus
  33. @Mas Doyok:Mas, saya punya kasus yang sama seperti Reyva Babtista, pada link yang diberikan oleh Reyva, saya mengecek disana dan ada keterangan seperti ini:

    "Issue: If you see Warning: http://example.com/example_post is unreachable., make sure your app settings are correct (enter http­://example.com/ for "Site URL" and example.com for 'Site Domain', note the lack of http or a trailing slash, this is important)"

    Nah padahal menurut yang mas tulis disini http://www.masdoyok.co.cc/2011/04/cara-menambah-membuat-facebook-komentar.html, site URL hanya perlu 'www.example.com/', yang benar yang mana? pakai 'http://www.example.com/' atau 'www.example.com/' saja?

    Kalo seandainya yang benar yang pakai 'http', cara mengubah settingan semulanya bagaimana?

    BalasHapus
  34. saya coba sukses mas :D
    dulu emang pertama kali pada apps url tanpa diakhiri / bisa dan pas saya coba lagi gak bisa
    eh kalau ternyata sekarang mas gak bisa

    kalau mau set ke ini mas
    http://www.facebook.com/developers/apps.php?app_id=masukkan app id mas disini

    terus
    pada bgaian kanan pilih SUNTING pengaturan

    BalasHapus
  35. kok wkt aku pasang malah muncul di semua posting ya kk? tolong bantuannya...

    trus aku kok mau create APP ID tuh g bisa ya....klik verify mobile phone kok malah muncul The page you requested was not found, kenapa ya itu kk? apa emang sudah g bisa lagi?
    terima kasih

    BalasHapus
  36. ini memang utk semua postingan mas?
    masih bisa kok mas

    BalasHapus
  37. makasih mas....sucses selalu.....................

    BalasHapus
  38. Ikutan nimbrung juga ah....

    BalasHapus
  39. ,mas,,, kotak komentaRnya sdh jd, tp np slaluv ada tulisan Warning: http://maros-webmaster.blogspot.com/2011/05/cara-membuat-virus-palsu-part3.html is unreachable. wah,,,,,, gmn caara hilanginnya tuh,,,, mohon bantuannya.....

    BalasHapus
  40. np ada tulisan warningnya ya mas'... g'mana cara hilangunnya,,,,, mohon bantuAnnya,,,,

    BalasHapus
  41. thanks infonya gan.... kok harus di moderasi terus yach... dah ganti setingannya ttp aja harus ada approval dulu...

    BalasHapus
  42. akhirnya selesai juga
    thankz for tutor :)

    BalasHapus
  43. tfs mas Doyok...
    ini yang sedang ane cari..
    alhamdulillah...
    akhirnya berhasil juga nh..

    salam damai kami sepanjang hari,...

    BalasHapus
  44. bos, punya saya sudah saya pasangi tetapi kalo ada orang yang komentar menggunakan akun facebook kok tidak tampil di pemberitahuan facebook saya ya? mohon bantuannya.?

    BalasHapus
  45. kok ga muncul pemberitahunnya di fb nya mas, http://epinzone.blogspot.com/

    BalasHapus
  46. gan tapi ko ane ga ada tulisan setting di samping gadget sihh ????

    BalasHapus
  47. siip bos, saya coba dulu trik nya semogfa aya berhasi di vblog q http://artikelku4u.blogspot.com/

    BalasHapus
  48. udah bisa, thanks infonya masbro.... http://koleksi-berita.blogspot.com/2011/12/atasi-modem-smartfen-ac682-ui-yang.html tapi yg >>Syukur Alhamdulillah berhasil menyelesaikan postingan yang berjudul Facebook Comment dengan Reply Untuk Setiap Postingan Blogspot. Semoga bermanfaat untuk sahabat blogger... 61 komentar sampai saat ini. Silahkan tambahkan tanggapan Anda...<< harus di hapus balik ya?

    BalasHapus
  49. kalau Related Articles biar ada di atas koment, gmn caranya ya?...

    BalasHapus
  50. mas doyok, ane mau tanya nih.. utk pengaturan agar facebook comment tidak muncul di static page gmn y?
    ini ane sedang nyoba bkin utk blog ane yg ini :
    " "
    ketika ane buka menu dari static page facebook comment ikut muncul..
    gmn y pengaturan agar tdk muncul ?
    mohon informasinya ya mas Doyok..

    tfs mas DOyok....

    BalasHapus
  51. mas doyok, ane mau tanya nih.. utk pengaturan agar facebook comment tidak muncul di static page gmn y?
    ini ane sedang nyoba bkin utk blog ane yg ini :
    " http://www.falsmaniaonline.blogspot.com/ "
    ketika ane buka menu dari static page facebook comment ikut muncul..
    gmn y pengaturan agar tdk muncul ?
    mohon informasinya ya mas Doyok..

    tfs mas DOyok....

    BalasHapus
  52. Super Sekaliii,,,,

    http://gudang-ilmu1.blogspot.com/

    BalasHapus
  53. kyaknya lgi ada bugs ya, ada pmbrthuan tpi untuk reply bliknya ga ada :-??

    BalasHapus
  54. wah mantap neh tutorialnya... sangat bermanfaan.. saya juga sudah membuat Form komentar ala facebook di blog saya tetapi dengan kode yang sangat sedikit, dan tidak perlu setting admin..

    saya yakin semua orang bisa menggunakan form komentar ala facebook seperti yang saya buat. Sebagai panduannya saya sudah membuat artikelnya di blog saya yaitu http://aplikasiphp.com/index.php/artikel/part/19/Membuat_Form_Komentar_Ala_Facebook_di_Blog_Pribadi

    BalasHapus
  55. dah saya coba tapi kok lum muncul ya bung, nie blog saya ... http://lirilir-ambulan.blogspot.com

    BalasHapus
  56. Akhirnya ketemu juga cara bikinnya
    horeee !
    :D

    BalasHapus
  57. Mantap,tapi kurang pass mas bro....

    BalasHapus
  58. Siiippp.. makasih mastah.. dicoba n langsung work :)

    BalasHapus
  59. mantap gan, follow back ya, heee. makasih

    BalasHapus
  60. Hahaha BERHASIL, BERHASIL HOREE, ahahaha Thakz Ya Gan Mantapp :)
    sangat bermnfaat,,

    BalasHapus

Posting Komentar

Postingan Populer