Postingan kali ini untuk menjawab seruan dari sahabat Google Plus Cara Pasang Komentar Disqus Blogger dan Facebook di Blog namun bukan khusus Komentar Facebook.
Seperti yang kita ketahui memasang komentar facebook di blogger sangat penting juga untuk memudahkan pengunjung berkomentar dapat melalui account facebook namun bagi yang masih menggunakan templated bawaan Blogger setingan default blogger tidak akan kita temui komentar facebook di templatenya biasanya akan banyak kita temui di templated yang sudah di modifikasi, nah bagi sahabat yang mau mencoba Memasang Komentar Facebook Responsive di Blogger mari kita bahas bersama.
Langkah Pertama
Silahkan sahabat salin isyarat HTML untuk Meta Tag Facebook dibawah ini lalu letakkan sempurna dibawah <head>, bagi yang sudah pernah memasangnya langkah ini mampu dilewati.
Langkah Ke Dua
Silahkan sahabat salin isyarat jquery dibawah ini lalu letakkan diatas isyarat </head>.
Langkah Ke Tiga
Silahkan sahabat salin isyarat HTML dibawah ini lalu letakkan dibawah isyarat <data:post.body/> yang lokasinya ada di halaman post.
Perhatikan kembali cara penerapan kodenya, ada baiknya di backup terlebih dahulu templatednya antisipasi kalau terjadi eror dapat di kembalikan lagi. Setelah simpulan silahkan SAVE dan simpulan selamat mencoba supaya bermanfaat.
<meta content='Kode ID Facebook admin' property='fb:admins'/> <meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>Langkah Ke Dua
Silahkan sahabat salin isyarat jquery dibawah ini lalu letakkan diatas isyarat </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>Langkah Ke Tiga
Silahkan sahabat salin isyarat HTML dibawah ini lalu letakkan dibawah isyarat <data:post.body/> yang lokasinya 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>Perhatikan kembali cara penerapan kodenya, ada baiknya di backup terlebih dahulu templatednya antisipasi kalau terjadi eror dapat di kembalikan lagi. Setelah simpulan silahkan SAVE dan simpulan selamat mencoba supaya bermanfaat.
Comments