Cara Memasang Komentar Facebook Responsive di Blog

BEBERAPA orang yang awam terkait teknologi, seringkali tidak tahu bagaimana cara mengomentari sebuah artikel atau posting blog karena kolom komentar yang disediakan hanyalah komentar google plus.

Padahal hanya dengan melakukan login pada akun google plus yang dimiliki di peramban browser yang digunakan, pengunjung atau pembaca blog langsung bisa mengomentari sebuah konten blog.

Cara Memasang Komentar Facebook Responsive di Blog

Nah kali ini adalah bagaimana cara memasang, membuat, menambahkan komentar facebook responsive di blog dengan mudah serta mendukung fitur responsive.

Cara Memasang Komentar Facebook Responsive di Blog


1. Masuk ke Blogger
2. Pilih template blogger > Edit HTML
3. Copas kode meta tags open graph dibawah ini dan tempatkan dibawah kode <head>

<meta content='Kode ID Facebook' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

4. Pasang kode jQuery dibawah ini 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>

5. Copas kode HTML/XML dibawah ini, dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='650'/>
</div>
</b:if>

6. Simpan template blogger.

KESIMPULAN

Sebenarnya ada begitu banyak resiko dan kekurangan apabila kita memasangkan kolom komentar facebook di blog.

Setidaknya, ada efek yang akan dibebankan oleh sebuah blog apabila menambahkan kotak komentar facebook, diantaranya adalah rawan komentar spam, sampah, promosi dan link aktif, serta widget komentar facebook pun juga akan mempengaruhi loading blog.

Jadi pastikan sebelum menambahkan komentar facebook di blog ini, Anda harus menimbang kelebihan dan kekurangan komentar facebook di blog diatas. Good luck & happy blogging.*

0 Response to "Cara Memasang Komentar Facebook Responsive di Blog"

Post a Comment

Berkomentarlah dengan baik dan benar, komentar spam tidak akan dipublikasikan. Harap baca semua atau keseluruhan artikel. Gunakan anonymous jika tidak punya akun google untuk berkomentar. Centang OK pada NOTIFY ME agar komentar balasan masuk ke email Anda.