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
Berikut ini cara membuat/memasang kotak komentar Facebook di blogger :
Pertama, silakan buat aplikasi facebooknya disini : Facebook Develover
1. 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/ <=
2. Kemudian ambil ID aplikasi yang sudah diberikan (lihat contoh dibawah)
3. Langkah selanjutnya, langsung menuju Blogger. Login ke account blog anda.
Kemudian langsung menuju Design/Rancangan => Klik tab Edit HTML => Centang "Expand Widget Template".
4. 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/AVvXsEiJv2lVkP0TrBGpt4N0STE2q02X3ryUACbQAk7ZvQ5L2vV1C9K6TCf4gnBCRgezQAKu22hOyZEYI-aFhFXZZh7C2PQlCdH2y-Q1igtTyhrvsJbwMVj69-PgCtDBWEd4MWD2Uaysx-OGf1VP/'/></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 | 
" title="
