Memasang kolom comment Facebook di blog sangatlah mudah, Karena facebook sendiri sudah menyediakan plugin comment yang dapat kita pasang di blog kita. Namun plugin Comment Facebook tersebut masih bawaan (Standar) yang tidak responsive terhadap template blog Anda.
Bagaimana cara membuat Kolom Komentar Facebook dari tidak responsive menjadi responsive? Berikut cara-cara yang harus dilakukan!
1. Pertama pergi ke editor template , lalu pasang meta content berikut dibawah kode <head>
2. Kemudian cari kode </head> (gunakan Ctrl+F untuk memudahkan) Copy-Paste kode berikut di atas atau sebelum kode </head>
3. Selanjutnya pasang html berikut tepat dibawah <data:post.body/> ( biasanya kode tersebut lebih dari 2 , sobat pilih aja yang terakhir atau di 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>
4. Langkah Terkahir Simpan Template dan Lihat Hasilnya
<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>
<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>
3. Selanjutnya pasang html berikut tepat dibawah <data:post.body/> ( biasanya kode tersebut lebih dari 2 , sobat pilih aja yang terakhir atau di 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>
4. Langkah Terkahir Simpan Template dan Lihat Hasilnya
Nah mudahkan, Cara Membuat atau Memasang Kotak Komentar Facebook Responsive di Blog ? pastinya mudah dong , karena tutor diatas cukup jelas untuk menerapkan komentar responsive facebook di blog , hehhehe , namun jika masih kesulitan silahkan tanya dengan berkomentar dibawah
