Cara Membuat Komentar Facebook

Sistem komentar ini sebenarnya ditujukan agar pengguna facebook dapat berkomentar di blog kita dengan mudah
Sebelumnya Anda harus sudah dalam keadaan login di facebook
  • Kunjungi pengaturan Facebook Developer
  • Daftarkan blogmu dengan mengisi formulir yang diberikan: 
  • Nama situs: Nama situs/blog kamu 
  • Url situs: Alamat blog Anda (contoh:http://tutorialblogger.blogspot.com/ selalu akhiri dengan slahs "/") 
  • Lokasi: pilih bahasa Indonesia 
  • Kamu akan diberikan beberapa kode seperti ID Aplikasi, 
  • Copy kode tersebut atau catat di notepad karena nantinya kode itu akan dibutuhkan sebagai APP ID FACEBOOK ANDA 
Perlu diketahui bahwa sistem komentar ini menggunakan kode FBML

Supaya Template support FBML maka kita lakukan langkah berikut :
  • Masuk ke Blogger kamu 
  • Menuju ke "Template" dan pilih "Edit HTML
  • Cari kode <html lalu paste kode dibawah ini tepat disebelahnya
xmlns:fb='http://www.facebook.com/2008/fbml'
  • Sehingga secara keseluruhan menjadi:
<html xmlns:fb='http://www.facebook.com/2008/fbml'expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' >
  • Lalu langkah berikutnya paste kode dibawah ini dibawah <body>
<div id="fb-root"></div> <script>     window.fbAsyncInit = function() {     FB.init({       appId  : 'APP ID FACEBOOK KAMU',       status : true, // check login status         cookie : true, // enable cookies to allow the server to access the   session       xfbml  : true  // parse XFBML     });   };
    (function() {     var e = document.createElement('script');       e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';     e.async = true;       document.getElementById('fb-root').appendChild(e);     }()); </script>
Kode berwarna merah adalah kode (ID) aplikasi facebook Anda yang tadi kamu dapatkan di langkah sebelumnya.
  • Langkah selanjutnya adalah memasang Open Graph protocol 
  • Caranya cari kode dan paste kode berikut distasnya
<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='SITUS ANDA' property='og:site_name'/> <meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/> <meta content='APP ID FACEBOOK KAMU'   property='fb:app_id'/> <meta content='ID FACEBOOK PROFILE KAMU'   property='fb:admins'/> <meta content='article'   property='og:type'/>

Keterangan kode:
kode berwarna ungu adalah nama situs Anda
kode berwarna kuning adalah logo aplikasi facebook Anda
kode berwarna merah adalah kode (ID) aplikasi facebookAnda yang tadi Anda dapatkan di langkah sebelumnya
kode berwarna hijau adalah kode (ID) faceboom profile Anda

Cara mengetahui ID facebook profile:
  • Anda masuk ke Profil Anda lalu lihat alamat di adress bar browser 
  • Contoh: http://www.facebook.com/namaanda 
  • Simpan template 

Selamat Blog kamu sudah support FBML

Selanjutnya adalah tahap pemasangan kotak komentar!
  • Anda expand widget template Anda 
  • Cari kode <data:post.body/> 
  • Lalu paste kode ini dibawahnya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div><div style='background-color: #FFFFFF;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://lh5.ggpht.com/_7dF7dBGnF0w/TTu9FJAlTRI/AAAAAAAAAsY/6V3RxnxqkLk/tb_icon.png' width='16'/> <b><a href='http://tutorialblogger.blogspot.com/' target='_blank'>Facebook comments untuk blogger</a> untuk mendapatkannya <a href='http://tutorialblogger.blogspot.com/2010/02/cara-membuat-komentar-facebook.html' target='_blank' title='Facebook Comment'>KLIK di sini</a></b></div>
</b:if>

Keterangan : Kode berwarna orange adalah lebar kotak komentar, ganti sesuai keinginan!

Simpan template


Bagi yang menginstal auto readmore, paste kode fecebook tadi tepat dibawah kode auto readmore..




Semoga bermanfaat :D
subscribe

Subscribe

Monitor continues to update the latest from This blog directly in your email!

oketrik

0 Komentar to Cara Membuat Komentar Facebook :

Posting Komentar

 
Tutorial Blogger Design by Trick and Tips Powered by Blogger