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.*

» Terima kasih sudah mau membaca konten Cara Memasang Komentar Facebook Responsive di Blog. Jika dirasa sangat berguna, mungkin bisa di share oleh para pembaca :)

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

Post a Comment

Silahkan tinggalkan komentar sesuai dengan topik artikel.
Nama komentator dan isi komentar yang mengandung SARA, Iklan/Promo dan menyertakan Link tidak akan dipublikasikan.