cara mudah untuk membuat kotak komentar Facebook yang Responsif di Blog
cara mudah untuk membuat kotak komentar Facebook yang Responsif di Blog
Assalamualaikum, wr. wbSalam Blogger Indonesia...
Saya mau membagikan Tips atau cara yang mudah untuk membuat kotak komentar Facebook di Blog. yang Gunanya untuk memudahkan Pengunjung berkomentar dengan Account Facebook. Memasang nya pun cukup mudah dan gampang kok. Karena Sekarang Facebook sendiri sudah menyediakan Fasilitas atau Plug in Comment yang dapat anda buat sendiri dan dipasang di blog anda.
Dan Cara ini sudah di modifikasi dengan Komentar Facebook yang menjadi Responsive.
Gunanya apa??? Gunanya untuk memudahkan pengunjung untuk mengakses dan berkomentar diblog anda dengan menggunakan Account Facebook dengan Mudah dan nyaman.
Caranya mudah kok, anda tinggal Copy script HTML di bawah ini dan pasang di Template HTML anda. Cara ini sudah di modifikasi dengan mudah agar pengunjung dapat berkomentar seperti berkomentar di Facebook. dan anda bisa rubah ukuran widht untuk menyesuaikan ukuran di blog anda.
Ok, langsung saja Silahkan ikuti langkah demi langkah cara Membuat kotak komentar Facebook di Blogger.
Dan Berikut Cara Membuat kotak komentar Facebook yang responsive di blog :
1. Login di Blog Anda
2. Masuk Dasbor => Pilih Template
3. Edit HTML
4. Cari Tulisan <head> (untuk memudahkan pencarian di HTML tekan CTRL+F ) Lalu pasang Kode Content dibawah ini Tepat dibawah <head>
<meta content='NamaIDFB' property='fb:admins'/> <meta content='AppIDFB' property='fb:app_id'/> |
5. Lalu ganti NamaIDFB dan AppID yang berwarna merah dengan ID Facebook Anda sendiri (Untuk mengetahui ID Facebook Anda, anda bisa lihat gambar di bawah ini
7. Lalu cari Kode ini </head> (untuk memudahkan pencarian di HTML tekan CTRL+F) Lalu pasang Kode Script dibawah ini tepat diatas kode </head>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script> 8. Masih Di Html template blog anda Lalu Cari kode berikut <data:post.body/>
(biasanya di blog anda kode ini <data:post.body/> lebih dari 2, tapi pilih saja yang terakhir dan atau anda coba satu-persatu)
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='500'/></div>
</b:if>
9. Simpan dan Lihat Hasilnya
Demikian lah cara yang mudah untuk membuat kotak komentar Facebook di Blog. Jika Anda masih kesulitan silahkan bertanya dan berkomentar dibawah. terima kasih sudah berkunjung.
wassalamualaikum, wr.wb.
Komentar ini telah dihapus oleh administrator blog.
BalasHapusKomentar ini telah dihapus oleh administrator blog.
BalasHapus