by

Cara Memasang Kotak Komentar Facebook Responsive Di Blog Dengan Mudah

Cara Memasang Kotak Komentar Facebook Responsive Di Blog Dengan Mudah

Cara Memasang Kotak Komentar Facebook Responsive Di Blog Dengan Mudah
Nah banyak sekali Model Kotak komentar baik yang bawaan dari Blogger, dari Disqus, WordPress dan lainnya. Baca Juga Cara membuat kotak komentar Disqus Responsive . Disini saya mau berbagi tutorial cara membuat Kotak komentar dari Facebook responsive seperti pada gambar diatas.
Sekarang ini untuk mendapatkan Trafik tidak cukup hanya mengandalkan mesin pencari seperti google, yahoo dan lainnya. Dengan Perkembang teknologi informasi media Sosial merupakan sarana yang sangat ampuh untuk mendapatkan Trafik, informasi, ilmu dan dukungan luar bisa. Media Sosial bisa mempengaruhi suatu daerah bahkan negara. Banyak sekali media sosial yang menjadi trends saat ini terutama Facebook yang memiliki Pengguna / User sekitar meliaran user diseluruh penjuru dunia.
Untuk melakukan interaksi di blog yang anda kelola, ada bagusnya anda memasang Kotak komentar facebook karena kebanyakan pengguna internet biasanya memiliki akun facebook untuk berinteraksi dan berbagi informasi. Berikut cara membuat Kotak komentar di facebook :
◙ Pasang Meta tag berikut di dalam Template anda
▪ Login ke akun blogger kamu
▪ Pilih Template >> Edit HTML
▪ Letakkan Peta Tag dibawah ini tepat dibawah <Head>
<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>
▪ Kemudian tambahkan JavaScript dibawah ini Tepat diatas </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>
▪ Kemudian tambahkan Juga JavaScript dibawah ini tepat diatas <data:post.body/> yang paling bawah, untuk menampilkan kotak komentar dibawah postingan blog kamu.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script src='https://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>
▪ Setelah itu Klik Save Template
Jika berhasil maka tempilan kotak komentar facebook kamu seperti pada gambar diatas, Sekian.

Comment

Leave a Reply

Your email address will not be published.

Popular