Membuat Kotak Komentar Facebook untuk Blogger / Blogspot
Facebook kini menjembatani para blogger dan web develover dengan membuat berbagai social plugins. Diantaranya adalah Kotak komentar facebook.
Akhir-akhir ini sering kita temui web yang menggunaka aplikasi ini, diantara keuntungannya adalah memberikan komentar yang lebih banyak, karena pengguna facebook lebih banyak tentunya dari blogger.
Diantara kemudahan yang diberikan, pengunjung tidak usah menulis web, email, dll. Mereka cukup login ke facebook dan memberikan komentar.
Dibawah ini adalah tutorial yang sangat mudah tentang cara membuat kolom/kotak komentar facebook untuk pengguna blogspot/blogger.
Namun harap di ingat, menggunakan komentar facebook akan menyembunyikan komentar yang telah ada di blog.
Langkah ke-1: Login ke dasbor anda, kemudian klik Pengaturan>Komentar, pilih sembunyikan.

Langkah ke-2: Kunjungi Halaman Facebook Develover, tulis Nama Situs, URL situs, dan Lokasi kemudian klik Buat Aplikasi

Copy ID Aplikasi ke notepad

Langkah ke-3: Kembali ke Blogger, klik Rancangan>Edit HTML, centang Expand Template Widget. Cari kode <data:post.body/> atau <div class=’post-header-line-1′/> dan paste kode dibawah ini, tepat setelah <data:post.body/> atau <div class=’post-header-line-1′/>.
Contoh Komentar Facebook untuk Blogger
Simpan dan lihat hasilnya. masih ada masalah?
Akhir-akhir ini sering kita temui web yang menggunaka aplikasi ini, diantara keuntungannya adalah memberikan komentar yang lebih banyak, karena pengguna facebook lebih banyak tentunya dari blogger.
Diantara kemudahan yang diberikan, pengunjung tidak usah menulis web, email, dll. Mereka cukup login ke facebook dan memberikan komentar.
Dibawah ini adalah tutorial yang sangat mudah tentang cara membuat kolom/kotak komentar facebook untuk pengguna blogspot/blogger.
Namun harap di ingat, menggunakan komentar facebook akan menyembunyikan komentar yang telah ada di blog.
Langkah ke-1: Login ke dasbor anda, kemudian klik Pengaturan>Komentar, pilih sembunyikan.

Langkah ke-2: Kunjungi Halaman Facebook Develover, tulis Nama Situs, URL situs, dan Lokasi kemudian klik Buat Aplikasi

Copy ID Aplikasi ke notepad

Langkah ke-3: Kembali ke Blogger, klik Rancangan>Edit HTML, centang Expand Template Widget. Cari kode <data:post.body/> atau <div class=’post-header-line-1′/> dan paste kode dibawah ini, tepat setelah <data:post.body/> atau <div class=’post-header-line-1′/>.
<b:if cond='data:blog.pageType == "item"'>ganti ID Aplikasi (yang berwarna merah), dengan ID Aplikasi anda .
<p align='left'><img alt='' class='icon-action' src='http://1.bp.blogspot.com/_iPx6s72hybU/TMsFzeIuqfI/AAAAAAAAAz4/ue-OMkqGnkU/s1600/comment.png'/></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '164624843561195', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/id_ID/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
Contoh Komentar Facebook untuk Blogger
Simpan dan lihat hasilnya. masih ada masalah?
14 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
work 100%
thank uuu so muach.,
tapi kok punya saya pada saat dikunjungi tampilannya diatas ya....gimana buat dibawah kang??
http://jual-knalpot.blogspot.com/
ganti <fb:comments/> dengan <fb:comments width='500'></fb:comments>, atau sesuaikan denga ukuran blog.
makasih kang...
salam
@Selang seling: coba pake slash (/) dibelakangnya.
http://www.freeimagehosting.net/image.php?156ae06d35.jpg
ini kenapa ya kang? padahal url nya udah aku tulis komplit lho...
trims..
baru sekarang ini berhasil membuat komentar FBnya...