Cara Memasang Kotak Komentar Facebook Responsive Di Blog
Cara Memasang Kotak Komentar Facebook Responsive Di Blog-Pada kesempatan kali ini saya akan memberikan cara bagaimana memasang kotak komentar diblog tetapi yang Responsive.Caranya pun cukup mudah.Ikuti langkahnya dibawah ini :
1. Login Blogger.
2. Buka Menu Template.
3. Pilih Edit HTML.
4. Cari Kode <head>
5. Apabila sudah ketemu tempelkan kode dibawah ini tepat dibawah kode <head>
<meta content='Kode ID Facebook admin' property='fb:admins'/> <meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>
6. Setelah itu cari kode </head>7. Apabila sudah ketemu Tempelkan kode dibawah ini tepat diatas kode </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>
8. Lalu tambahkan kode dibawah ini tepat dibawah 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>
9. Simpan Template.Semoga Artikel Ini Bermanfaat dan Terima Kasih Telah Berkunjung
menarik, segera saya praktek kan..
BalasHapusOke silahkan dicoba.......Terima Kasih Telah Berkunjung
BalasHapusBoleh nih dicoba tutorialnya.
BalasHapus