Cara Membuat Kotak Komentar/Comment Form Facebook di Blogger | Mungkin Tips ini udah bukan hal baru lagi, namun jika niat ingin berbagi, tidak ada kata terlambat. Berikut ini ingin mensharingkan cara membuat Kotak Komentar/Comment Form Facebook yang akan di tampilkan di Blogger. Jadi Kotak komentar yang sudah secara default ada di blogger dirubah atau ditambah dengan aplikasi kotak komentar/Comment form yang disediakan oleh Facebook.
Fungsi kotak komentar Facebook ini adalah sebagai pengganti atau alternatif lain bagi pengunjung blog kita untuk memberikan komentar di blog kita, karena memungkinkan untuk pengunjung blog selain pengguna Blogger/Wordpress/Typepad/Open id untuk memberikan ide/komentar/saran/kesan untuk blog kita. Dikarenakan pengguna Facebook semakin meningkat jumlahnya, jadi bisa dipastikan hampir semua pengunjung blog memiliki akun Facebook.
Untuk melihat demo Kotak komentar Facebook, silakan lihat Disini
Untuk melihat demo Kotak komentar Facebook, silakan lihat Disini
Berikut ini cara membuat/memasang kotak komentar Facebook di blogger :
isi form dengan lengkap seperti contoh diatas.
untuk kolom URL site, isi URL blog anda, jangan lupa tambahkan backslash "/" diakhir URL agar blog anda bisa dikonfirmasi.
Contoh : http://serba-seru.blogspot.com menjadi http://serba-seru.blogspot.com/ <=
Kemudian ambil ID aplikasi yang sudah diberikan (lihat contoh dibawah)
Langkah selanjutnya, langsung menuju Blogger. Login ke account blog anda.
Kemudian langsung menuju Design/Rancangan => Klik tab Edit HTML => Centang "Expand Widget Template".
Lalu cari code berikut ini :
<data:post.body/> atau <div class='post-header-line-1/>
Jika sudah ketemu, Paste code berikut ini setelah code diatas
(Jika sudah memasang readmore, terdapat dua code <data:post.body/>, maka letakkan code dibawah ini setelah <data:post.body/> yang kedua)
<b:if cond='data:blog.pageType == "item"'>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgojFxzeZA1A-7yCf6QXNnlh9DAU4wcK-6XkSW8UjTVmlutk_FINrf9kQZeRPmjSugr4L1b4beq56BeRnjF-c18sP0so02vKW6pIbUwB-DoYDh-PB3bvjX39Von1SkIXRtW7XnFY6EOfS_q/'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: 'ID-APLIKASI', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
<fb:comments/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></p></div>
</b:if>
<div style='background-color:#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://serba-seru.blogspot.com' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgojFxzeZA1A-7yCf6QXNnlh9DAU4wcK-6XkSW8UjTVmlutk_FINrf9kQZeRPmjSugr4L1b4beq56BeRnjF-c18sP0so02vKW6pIbUwB-DoYDh-PB3bvjX39Von1SkIXRtW7XnFY6EOfS_q/'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: 'ID-APLIKASI', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
<fb:comments/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://serba-seru.blogspot.com/2011/02/cara-pasang-kotak-komentarcomment-form.html' target='_blank' title='Cara pasang kotak komentar Facebook di Blogger'>Grab This Comment Form</a></p></div>
</b:if>
Ganti tulisan ID-Aplikasi dengan ID Aplikasi yang telah anda buat sebelumnya.
Jika ingin mengganti background untuk menyesuaikan dengan template blog anda, silakan ganti kode warna tulisan yang berwarna biru diatas (#ffffff)
Bagi anda yang hanya ingin menggunakan kotak komentar Facebook saja di blogger tanpa comment form blogger, anda bisa menghilangkan comment form blogger tersebut dengan cara :
Klik Tab Setting/Pengaturan => Comments/Komentar => Klik hide/sembunyikan pada bagian Komentar/Comment
Untuk melihat contoh hasilnya, silakan lihat Disini
Semoga bisa bermanfaat.
Kebutuhan akan informasi itu berlangsung terus menerus bahkan kadang ada orang yang membutuhkan sebuah informasi yang walaupun sebagian orang menganggapnya sudah terlalu kuno, untuk info yang ini saya rasa belum semua orang tahu termasuk saya sendiri yang baru mengetahuinya sekarang so tak ada kata terlambat untuk berbagi. maksih buat infonya mas, walaupun saat ini belum ada niatan untuk memasangnya tapi setidaknya menambah informasi bagi saya. sukses selalu mas Georgeouz!
ReplyDeletemmg utk berbagi tidak ada kata terlambat, seperti yg sudah saya paparkan diatas, itu hanya sebagai basa-basi saja bagi yg sudah menggunakan atw yg sudah membuat tips tersebut. Namun terima kasih bgt nih atas masukkannya, semoga dg artikel yg ada disini bisa memberikan pencerahan buat yg membutuhkan. maklum, ini hanya sekedar sharing saja.
ReplyDeleteThanx bgt ya atas kehadirannya di blog ini
thanks, infonya. :)
ReplyDeletetrus, ini bisa dipake utk wordpress g??
Aq lg belajar ngblogg nih..hehe..
kl di wordpress.com, kayaknya msh blm bisa neng wina...kurang tau jg sih, mungkin ada yg sudah bisa....setahu saya sih msh blm bisa...maklum ga pernah lg nyentuh wordpress.com....thanx ya udh mmpir
ReplyDeleteOk, deh..
ReplyDelete:D :D
Salam kenal ajach wes...
ReplyDelete@wina: :D
ReplyDelete@B4YU: salam kenal jg
kk ko yang HIDE pada komentar d blog gk ada???
ReplyDeletesaudah aku coba kok ga bisa tampil ya???
ReplyDelete@Abank Yanz Azah : hide nya ga ada...??? yang bener mas...???
ReplyDelete@Hary02 : ga bisa...??? ya udah, coba pake comment facbook yg baru aja, lebih keren, ada fitur reply-nya....udh ditest brp kali, 100% sukses
@hary02...sorry lupa kasi linknya....Facebook komen yg baru disini http://serba-seru.blogspot.com/2011/03/kotak-komentar-facebookfacebook-comment.html
ReplyDeletehttp://luth-outsider.blogspot.com/2011/03/spanduk-nurdin-turun-terbentang-di.html
ReplyDeleteNice Post. Thanks udah kasih tutorialnya gan.
ReplyDeleteNebeng link boleh ya gan.
http://bebasbekarya.blogspot.com/
nice share
ReplyDeletemau tanya nih, saya sudah menggunakan readmore, tapi ketika saya edit html saya cuma menemukan satu buah saja. gak ada yang ekdua n cuma ada satu. jadi karena itu pas di halaman awal facebook comments box muncul di halaman depan n jadinya gak bagus banget deh.
ReplyDeleteblog saya ada di http://tebegayatampan.blogspot.com
mohon pencerahannya soalnya saya dah mulai merasa putus asa deh nih..
thanks sebelumnya.. alamat email saya tebegaya@gmail.com.
thanks yah
gan nah cara mengetahui ada orang yg komen gimana? soalnya di fb saya ga ada pemberitahuan
ReplyDeletekok gk muncul form comment'a gan ??
ReplyDeleteMas, kalo nempelin bentuk komentar fb ke blog kita, itu bakalan ngaruh/menuhin inbox di email punya kita nggak mas?Makasih..
ReplyDeleteTernyata memang sulit, yg Anda contohkanpun perlu banyak di rubah
ReplyDeleteHy,, salam kenal,,!!
ReplyDeletekunjungi blog aya ya,,!!
http://blogger-riyadi.blogspot.com/2011/08/tukar-link.html
salam .. aku dah coba 2 kali masukin code Html di yang pertaa .. dan blokku lum ada readmore dan tapi masi belum berhasil mas ... mohon penginclongannya karena info ini aku butuhkan ... suwun mas
ReplyDeletekunjungi blogku dan sekaligus butuh sarannya untuk yang masih amatiran ini asto.blog.com
suwun
http://pabrikdanaku.blogspot.com/
ReplyDeletehttp://pabrikdanaku.blogspot.com/
ReplyDeletethanks atas infonya, salam kenal
ReplyDeletemadu bajakah
ReplyDelete