Cara Memasang Komentar Facebook Di Blogger Responsive
https://asia-note.blogspot.com/2016/09/cara-memasang-komentar-facebook-di.html
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 == "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