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?
Jika Anda sudah menggunakan readmore, maka akan ada dua kode, letakkan setelah <data:post.body/> yang kedua.
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.
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:
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.
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
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 == "item"'>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxxxxx&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.1200922518Ada 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
mantap..
BalasHapussekarang fiturnya tambah canggih...
Pertamaxxx ane amankan dulu :P
apakah bila ada orang yang berkomentar di facebook comment ini akan keluar pemberitahuan bahwa ada yang telah berkomentar
HapusPERTAMAX...
BalasHapuslangsung Ke TKP mas Doy...
http://www.musicasianzone.cc.cc/
wah wah..
BalasHapustambah seru dong komen komenan kalau gini caranya :)
atas ane kayaknya nyepam...
BalasHapushahaha, kabur mas
kerennn mas doyy,, sumpahh baru tau sayah.. hhe*..
BalasHapusthnks infonya
@Belajar Seputar Komputer
BalasHapusiya mas :d masih banyak lagi sebenernya integrasi facebook dan blog
kalau kluar warning seperti ini gimana?
HapusWarning: http://koleksi-berita.blogspot.com/2012/03/pria-ini-potong-penis-kekasih-gelap.html is unreachable.
@Bima Cahya Nugraha
BalasHapussemoga bermanfaat ya mas :D
@Kolom Anak TKJ
BalasHapusiya pastinya mas silahkan dicoba
@Belajar Seputar Komputer
BalasHapusdicoba aja tutornya mass
@Dunia Komputer
BalasHapussiiip mas :D monggo ditesss
kupas tuntas dong mas sampe keakar akarnya.. hehehe
BalasHapusKeren kang doyok...
BalasHapus@ajie
BalasHapusudah dibahas semua ini kan...
@bisnis pulsa
silahkan dicoba kang
salam sahabat
BalasHapuskira kira mempengaruhi loading gak mas dengan banyak script kode yang masuk?thanks
saya sudah pasang,,. mempengaruhi loading mbak, sebanding lah dengan manfaat fitur nya.. gak terlalu berat, namun pasti lebih berat dari sebelumnya
HapusWah, mantap mas doy.
BalasHapus@dhana
BalasHapuspengaruh sih pasti mbak :D
soal gadget kita harus milih mana yg tepat
@aini
BalasHapussilahkan dicoba saja kang
Punya ku mesti sudah dapat kemarin ternyata masih salah, di facebook admin tak kasih alamat profil facebook bukannya nomor id hahaa
BalasHapusKeren keren Mas
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..
BalasHapusgak 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
BalasHapusOw oke tau sekarang Mas
BalasHapussippp :D semoga bermanfaat mas
BalasHapuswehhh , foto profil fb saya kesorot .. hehehee
BalasHapus@Mas Doyok
BalasHapusKalau cara agar komen blogspot ada replynya gimana ya??
Kayak gini ini...
langsung di coba gan,tip yg menarik
BalasHapusWah,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..
BalasHapushuaaaaaaaaaaaaa, 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!!!
BalasHapus\m/
@jagka
BalasHapuskalau seperti blog ini banyak mas tutornya, coba googling aja 'tambah tombol reply di blogspot'
@rully
BalasHapussetiap 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
mas Doyok trims infonya, mau tanya, komentar FB tsb apa akan kelihatan pada Komentarnya Blogger atau pada email kita.
BalasHapuskelihatan apanya mas?
BalasHapuspagi mas, maksud saya kalau komentar di blog biasanya akan ada pemberitahuan di Email dan spt rekapan Komentar pada dasbor [draft designer] trims mas
BalasHapusini malah langsung masuk pemberitahuan facebook mas
BalasHapusthanks banget mas.. sangat berguna bagi saya. sudah saya praktekkan. Penjelasan yang mas berikan sangat lengkap. salutt
BalasHapusbeben memang edan euy
BalasHapus@Muhammad Fakhrial Zld waduh gue edan...bzzzzz +_+"
BalasHapusmas,, 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
BalasHapushttp://pli-it.blogspot.com/
@idris ya berarti di bawah kode itu aja dicoba gak papa mas :D
BalasHapusmas, saya mau tanya tolong di balas ya..
Hapusgimana 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..
kang,kok di blog ku ada tulisan Warning: http://www.reyvababtista.com/2011/04/10-blogger-teknologi-terbaik-dunia.html is unreachable. ya??
BalasHapusgak ada settings juga di sebelah kanan atas comment facebooknya....
untuk semua postingankah mas?
BalasHapus@Mas Doyok
BalasHapusiya mas... kira2 kenapa ya???
udah bisa kang, udah nemu solusinya di http://wordpress.org/extend/plugins/facebook-comments-for-wordpress/changelog/ :D
BalasHapusmenurut 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
BalasHapustidak bisa semudah itu mas
BalasHapuskalau cuma gitu nantinya semua postingan sama komennya
@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:
BalasHapus"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?
saya coba sukses mas :D
BalasHapusdulu 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
tengkiuu mas..
BalasHapuskok wkt aku pasang malah muncul di semua posting ya kk? tolong bantuannya...
BalasHapustrus 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
ini memang utk semua postingan mas?
BalasHapusmasih bisa kok mas
makasih mas....sucses selalu.....................
BalasHapusIkutan nimbrung juga ah....
BalasHapus,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.....
BalasHapusnp ada tulisan warningnya ya mas'... g'mana cara hilangunnya,,,,, mohon bantuAnnya,,,,
BalasHapusthanks infonya gan.... kok harus di moderasi terus yach... dah ganti setingannya ttp aja harus ada approval dulu...
BalasHapusnyoba koment
BalasHapusmantap mbah
BalasHapusjajal
BalasHapusmantap mas, tak cobain...
BalasHapustfs mas Doyok...
BalasHapusini yang sedang ane cari..
alhamdulillah...
akhirnya berhasil juga nh..
salam damai kami sepanjang hari,...
@Belajar Seputar Komputertes
BalasHapusbos, punya saya sudah saya pasangi tetapi kalo ada orang yang komentar menggunakan akun facebook kok tidak tampil di pemberitahuan facebook saya ya? mohon bantuannya.?
BalasHapuskok ga muncul pemberitahunnya di fb nya mas, http://epinzone.blogspot.com/
BalasHapusemail aja mas jawabannya,
BalasHapusgan tapi ko ane ga ada tulisan setting di samping gadget sihh ????
BalasHapussiip bos, saya coba dulu trik nya semogfa aya berhasi di vblog q http://artikelku4u.blogspot.com/
BalasHapusseep..!!
BalasHapusko ga jd2...ajarin.. :(
BalasHapusudah 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?
BalasHapuskalau Related Articles biar ada di atas koment, gmn caranya ya?...
BalasHapusmas doyok, ane mau tanya nih.. utk pengaturan agar facebook comment tidak muncul di static page gmn y?
BalasHapusini 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....
mas doyok, ane mau tanya nih.. utk pengaturan agar facebook comment tidak muncul di static page gmn y?
BalasHapusini 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....
Super Sekaliii,,,,
BalasHapushttp://gudang-ilmu1.blogspot.com/
sip
BalasHapuskyaknya lgi ada bugs ya, ada pmbrthuan tpi untuk reply bliknya ga ada :-??
BalasHapuswah 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..
BalasHapussaya 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
dah saya coba tapi kok lum muncul ya bung, nie blog saya ... http://lirilir-ambulan.blogspot.com
BalasHapusAkhirnya ketemu juga cara bikinnya
BalasHapushoreee !
:D
seeeeapppp mas slm kenal mas
BalasHapusMantap,tapi kurang pass mas bro....
BalasHapusIzin nyedot gan.....mantap
BalasHapusHarus coba, doain mudah2an sukses
BalasHapusSiiippp.. makasih mastah.. dicoba n langsung work :)
BalasHapusmantap gan, follow back ya, heee. makasih
BalasHapusHahaha BERHASIL, BERHASIL HOREE, ahahaha Thakz Ya Gan Mantapp :)
BalasHapussangat bermnfaat,,
terima kasih tutornya mas doyok. sukses selalu ^_^
BalasHapus