Cara Memasang Komentar Facebook Di Blog

Cara Memasang Komentar Facebook Responsive Di Blog. Sobat blogger, menambahkan widget comment facebook pada blog mempunyai beberapa keuntungan tersendiri untuk blog, yaitu pengunjung bisa lebih mudah untuk berkomentar tanpa harus login ke akun google, terhindar dari spam taut link dan komentar facebook ini juga sangat responsive, selain itu fitur ini juga bisa untuk mengetahui pemilik akun facebook orang yang berkomentar hehe, Facebook comment selain mudah untuk berkomentar juga sangat ringan pada loading blog dan mempunyai tampilan yang bersih juga keren.


Cara Memasang Komentar Facebook Di Blog

Kelebihannya anda bisa langsung menggunakan dua komentar, yang satu versi facebook dan satu versi google, jika anda ingin hanya facebook juga bisa, anda hanya tinggal menonaktifkan fitur komentar versi google. jika anda berminat ingin memasang facebook comentar di blog anda ,silahkan untuk mengikuti tutorialnya disini.


Cara Memasang / Membuat Komentar Facebook Di Blog 

1. Buka akun blogger anda.
2. Pilih menu template lalu klik edit html.
3. Silahkan letakan kode dibawah ini tepat di atas kode  ]]></b:skin> atau </style>
/* facebook comments By www.oktavialie.web.id */
.fbbox-comments {
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 background:#f6f6f6;
 border:1px solid #e5e5e5;
 margin: 0 0 20px;
}
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}
4. Selanjutnya letakan kode dibawah ini tepat di bawah kode <data:post.body/>  atau </article>
 <!-- facebook comments responsive by oktavialie.web.id-->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
 <script>
 //<![CDATA[
 $(window).bind("load", function(){
   var container_width = $('.fbbox-comments').width();
   var fburl=(window.location.href);
   var fbfix=fburl.indexOf('?');
   var fburlfix = fburl.substring(0, fbfix != -1 ? fbfix : fburl.length);
  $('.fbbox-comments').html('<div class="fb-comments" ' +
  'data-href="' + fburlfix + '"' +
  ' data-width="' + container_width + '" data-num-posts="5"></div>');
  FB.XFBML.parse( );
 });
 //]]>
 </script>
 <div class='fbbox-comments' style='width:100%;margin-top:20px'>
 <div class='fb-comments' data-num-posts='2' data-width='555' expr:data-href='data:blog.url'/>
 </div>
  </b:if>  
5. Klik save / simpan template.

Catatan : Kode <data:post.body/> bisanya lebih dari satu pada template anda, silahkan anda coba satu persatu kode sehingga posisinya tepat dibawah artikel blog.

Oke saya rasa sudah cukup untuk tutorial cara memasang komentar facebook di blog anda, lebih dan kurangnya saya mohon maaf, sukses selalu.



EmoticonEmoticon