Cara Memasang Komentar Facebook Di Blogger Responsive


Cara memasang komentar facebook yang responsive di blog. Manfaat memasang komentar facebook di blogger ini memungkinkan pengunjung dapat berkomentar langsung di artikel yang ia baca dengan menggunakan akun facebook.
  • Bagi yang ingin mencobanya, silakan ikuti langkah berikut

Tambahkan meta tag facebook di bawah ini di dalam template tepat di bawah <head>
<meta content='Kode ID Facebook admin' property='fb:admins'/><meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

Catatan :




Jika sudah menerapkan langkah di atas, silakan lewati lanjut ke langkah berikutnya
  • Tambahkan kode di bawah 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>
  • Selanjutnya tambahkan kode di bawah ini tepat di bawah kode <data:post.body/> yang ada di halaman post
<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>
  • Simpan template

Related

Tips Blogger 5442305654415386062

Posting Komentar

emo-but-icon

Recent

    Comments

    item