Selasa, 24 Januari 2012

Cara memasang facebook comment ke blogger

facebook comment in blogger

facebook merupakan website social network yang paling terkenal sejagad raya ini, semua orang ingin berbagi status, berita. nah facebook memiliki fitur facebook comment yang bisa kita pasang diblogger google, nah untuk  pasang ke facebook comment sangat mudah sekali.

berikut langkah - langkah pemasangan facebook comment :

  • Nonaktifkan Kotak Komentar
          Dashboard >> Settings >> Post and Comment >> Comment Location = Hide
  • Buatlah Facebook App ID
         Kunjungi https://developers.facebook.com/apps lalu create app dan isi nama app, setelahnya isi domain dengan App domain anda : http://toespcorner.blogspot.com/

Facebook App
  • Menambahkan Kode pada template blogger
          Cari Tag :  
                      <body

         lalu tambahkan serta ganti  APP-ID Anda dengan app id anda 
 <div id='fb-root'/><script>window.fbAsyncInit = function() {FB.init({appId : &#39;APP-ID Anda&#39;,status : true, // check login statuscookie : true, // enable cookies to allow the server to access the sessionxfbml : true // parse XFBML});};
(function() {var e = document.createElement(&#39;script&#39;);e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;e.async = true;document.getElementById(&#39;fb-root&#39;).appendChild(e);}());</script> 

        lalu cari  tag dan ganti yang berwana merah :
<head/>  

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Nama Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
  • Menambahkan Komentar Box blogger template Anda
          Cari tag <data:post.body/> yg terakhir :
                               <data:post.body/>

          lalu masukan script ini :  
<b:if cond='data:blog.pageType == "item"'><br /><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div></b:if><br />