Komentar facebook di blogspot

Komentar facebook di blogspot

1. Buatlah sebuah aplikasi yang akan mengintegrasikan blog anda dengan Facebook. Untuk membuatnya, silahkan baca Cara membuat aplikasi Facebook
2. Jika sudah selesai membuat aplikasi facebooknya, buka akun blogger anda
3. Pilih menu Template >> Edit Html >> centang Expand Template Widget >> tekan tombolCtrl+F di keyboard
4. Cari kode <b:skin><![CDATA[ dan tambahkan kode berikut sebelum atau diatas <b:skin><![CDATA[
   

   <meta content='profil.deathcrot' property='fb:admins'/>
   <meta content='259054834227698' property='fb:app_id'/>
   <script src='http://code.jquery.com/jquery-latest.js'/>
   <script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/>
   <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

   
   
   Keterangan
   • Ganti profil.deathcrot dengan nama akun Facebook anda
   • Ganti 259054834227698 dengan ID Aplikasi Facebook anda yang telah anda buat
5. Cari kode <div class='post-footer-line post-footer-line-3'/> dan tambahkan kode berikut tepat dibawah <div class='post-footer-line post-footer-line-3'/>
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='fb-comments' data-num-posts='10' data-width='550' expr:data-href='data:post.url'/>
   </b:if>

   
   
   Keterangan
   • data-num-posts='10' merupakan jumlah komentar yang tampil. Silahkan anda ganti jika ingin menampilkannya lebih banyak
   • data-width='550' merupakan lebar kolom komentar. Silahkan diganti dengan menyesuaikan lebar area postingan blog. Bukan lebar blog
6. Selesai dan simpan Template blog anda. Lihat hasilnya di bagian bawah artikel atau diatas kolom komentar Blogspot