Cara Membuat Kotak Komentar Facebook di Blog

kotak kometar memang sangat di perlukan karna pengunjung akan memberi tangapannya tentant artikel yang kita tulis, kotak komentar facebook memang sangat di minati karna berkomentar facebook mempermudah untuk berkomentar di blog tersebut, dengan komentar facebook yang ada di blog sobat para pengunjung tidak perlu lagi harus login ke blogger.com/google untuk berkomentar.

Itu adalah penamapkan sedkit jika ingin lebih jelasnya silahkan anda pasang pada blog anda, biar tahu sensasi yang ada pada koatk komentar facebook ini.

Jika anda tertarik dengan komentar facebook ini silahkan anda pasang pada blog anda, apa salahnya jika kotak komentar facebook ada di blog anda.

Cara Membuat Kotak Komentar Facebook di Blog

• Seperti biasa login ke blogger.com
• Dasbor blog + Template + Edit HTML
• Lalu letakkan code berikut ini tepat di atas code ]]></b:skin> atau </style>

  /* facebook comments By http://judul-ajaib.blogspot.co.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;
  }

• Kemudian letakkan code berikut ini tepat di atas code <data:post.body/>  atau </article>
  

   <!-- facebook comments responsive-->
    <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> 

  Note : Code <data:post.body/> lebih dari satu silahkan sobat coba satu persatu
• Terakhir simpan atau save

Bagai mana mudah bukan. terimakasih.