Baca juga : Cara Membuat Social Share Responsive Dibawah Posting Blog
Bagi Anda yang ingin mencoba untuk membuatnya, ikuti langkah-langkah dibawah ini
- Tambahkan meta tag dibawah ini dibawah <head> (abaikan jika sudah ada)
<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>
- Setelah itu, tambahkan kode dibawah ini sebelum </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>
- Kemudian tambahkan kode berikut dibawah kode <data:post.body/> (pilih yang kedua, jika tidak bisa, 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='650'/></div>
</b:if>
- Simpan Template Anda
Jika ada sebuah pertanyaan yang ingin disampaikan, saya akan senang untuk menjawabnya dengan semampu saya. Semoga bermanfaat :).