Cara Memasang Komentar Responsif di BlogOppungnya Informasi Berbagi Jutsu

Cara Memasang Komentar Responsif di Blog

SELAMAT PAGI,SIANG,SORE DAN MALAM AGAN/AGANWATI SEMUA
Mungkin agan pernah melihat blog yang ada komentar facebooknya bukan, komentar facebook ini sangat berguna untuk pengunjung jika ingin mengomentari artikel blog agan, dan hampir semua orang bisa berkomentar, karena pengguna facebook ini sangat banyak sekali. Namun komentar facebook ini belum responsif nah pada kali ini agan akan membagikan tutorial "Cara Memasang Komentar Facebook Responsif",
Oke langsung saja kita ke TKP>>

http://lh4.ggpht.com/_vgXtrK5363k/TOAONB0nmdI/AAAAAAAAAeo/7aGTM7Hu-5Y/lebe-lebe.blogspot.com%204.gif

- Masuk ke blogger >> Template >> Edit HTML
- Cari kode <head> lalu simpan kode dibawah ini tepat dibawahnya:

<b:if cond='data:blog.pageType == "item"'><meta content='Dr.sieghart' property='fb:admins'/></b:if>

Ganti kode yang berwarna biru dengan username facebook agan,
contoh: - https://www.facebook.com/Dr.Sieghart
yang biru itu username facebook anda.
Meta tag diatas berguna agar agan bisa memoderasi komentar yang masuk.
- Cari kode </body> (ctrl + f untuk memudahkan mencarinya) lalu simpan kode dibawah ini tepat diatasnya:

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

- Cari kode <div class='post-footer-line post-footer-line-3'/> lalu simpan kode dibawah ini tepat dibawahnya:

<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><script async='async' src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <div id='container-commentfb' style='width: 100%;height:auto;margin-top:30px;'><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></div></b:if>

Lalu Simpan template, taraa, sudah jadi dan silakan dichek responsifnya.
Sekian dulu penjelasan mengenai Cara Memasang Komentar Faceebok di Blog . Ada kiranya agan juga membaca Cara Mendisable Klik Kanan pada Blog . SEMOGA BERMANFAAT :D