Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengganti Komentar Disqus Di Blog

Pada kali ini saya akan sharee pada kalin tentang membahas cara memasang komentar facebook responsive di blogspot Jika kamu kamu memang komentar facebook yang tidak support responsive maka blog anda akan jelek ketikan di tampilan smartphone android karna di jaman sekrang sudah banyak penguna smartphone android bisa mencapai 99%

Bagai mana kalau blog anda yang tidak tidak support responsive maka tanpil blog anda ketikan di index dari smartphone android maka akan berentakan ,saya di sini hany membagi dengan pengalaman saya ,dulu saya pernah memasang kotak komnetar yang tidak responsive blog saya jadi jelek mata pengunjung baik kita.

Cara Memasang Komentar Facebook Responsive di Blogspot
DEMO


Maka saya di sini akan shree satu buah tutotial cara memasang komentar facebook responsive di blogspot ,pada sebelum saya udah pernah bikin yang komnetar facebook responsive dengan kode ini adalah kode terbaru yang saya Buat dari https://developers.facebook.com kemidan di tanda kode Ajax maka jadi nya komentar facebook responsive di blogspot sekrang kita lsngung mulay saja pada tutorial cara memasang komentar facebook responsive di blogspot.

Langkah Pertama

1. Login Blogger

2. Kamu pilih menu Template>>Edit Html>>CTRL+F

3 Kemudian kamu cari kode <head> jika sudah ketemu copy kode di bawah ini di di bawah  <head> ini kemudian kamu Save .
<meta content='FB Profile ID' property='fb:admins'/>
<meta content='App ID' property='fb:app_id'/>
Jika kamu tau cara membuat halaman aplikasi di masuk saja halaman Cara Membuat Halaman Aplikasi Facebook kamu bisa buat di sana...

Ganti Profile ID dan App ID dengan ID facebook anda
Untuk mengetahui ID facebook anda , silahkan baca cara mengetahui id facebook kita

4. Masih dalam edit html kamu cari lagi kode </head> ambil kode di bawah dan tempatkan kode di bawah di atas kode </head>  Save.
<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>
5. Langkah Berikutnya kamu masih dalam edit Html kamu ikuti langkah di bawah ini

  • Login Blogger
  • Kamu pilih menu Template>>Edit Html>>CTRL+F
  • Kemudian kamu cari kode <div class='post-footer-line post-footer-line-3'/> jika sudah ketemu copy kode di bawah ini di bawah kode <div class='post-footer-line post-footer-line-3'/> ini .
<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='500'/></div>
</b:if>

Keterangan
  • width='500 : Kode ini adalah kode untuk lebar maka atur dengan susuwai kalin
  • posts='10   : Kode ini adalak kode untuk menampilkan jumblah Comen
6 . Jika tidak aa kode seperti di atas kamu bisa cari saja kode <div class='comments' id='comments'> jika sudah ada kamu copykan saja kode dibawah di atas kode <div class='comments' id='comments'> jika kode ini ada dua kode kamu tes saja satu persatu kemuian kamu coba save

7. Nah sudah kamu tinggal tes maka hasilnya akan work dan blog anda akan menjadi lebih ramai dari pada sebelumnya dan lebih Soe ,munkin hany ini saya yang saya bisa sampaikan ke pada kalin tentang Cara Memasang Komentar Facebook Responsive di Blogspot  ,semoga artikel ini bisa bermanpaat bagi kalin yang membutuhkan.

Jangan lupa jika kamu berhasil ingat pesan saya like dan shree postingan ini ke pada tama-taman blogger anda cukup sekian info tentang Cara Memasang Komentar Facebook Responsive di Blogspot semoga bisa bermanpat bagi kalian wasalam.