Sekarang pengunjung tidak perlu ketik alamat
email mereka atau nama untuk memberikan komentar di situs anda. Mereka
hanya login ke account facebook mereka secara otomatis sudah bisa
komentar. Semua orang terhubung melalui facebook , Hal ini akan mendorong lebih
banyak orang untuk komentar karena kebanyakan orang sudah log in ke
account mereka.
Oke mari kita melakukannya, jangan khawatir, saya tahu bahwa Anda ingin
mencoba menambahkannya ke blog blogger namun tanpa hasil, tetapi
sekarang Anda akan melihat bagaimana cara menambahkannya dengan langkah
sangat mudah dan bekerja 100%. tetapi harap berhati-hati dan
memperhatikan semua rincian. Kini Pengunjung yang Punya Account Facebook bisa Berkomentar di Blog Anda.
Cara Pasang Kotak Komentar Facebook di Blogger seperti ini
Langkah 1. Nonaktifkan Default Komentar.
Hal pertama yang harus Anda lakukan yakni Nonaktifkan Setting Komentar
anda . karena Anda tidak ingin memiliki 2 bentuk komentar, dan jika
memang membutuhkan dua komentar biarkan saja seperti biasa.
Silahkan ke account blogger Anda, navigasikan ke Setelan lalu klik Komentar, pada menu Komentar klik Sembunyikan kemudian gulir ke bawah dan klik Simpan.
Langkah 2. Buatlah Facebook App ID ( Aplikasi di Facebook ).
sekarang Anda harus menghasilkan facebook app id Anda sendiri, itu
benar-benar mudah dan prosesnya hanya satu langkah, Login dulu dengan
Account Facebook Anda LaluSilahkan Kunjungi, pengembang facebook disini : Facebook developer page
Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan Backslash " / " di belakang Ulr.
Contoh : http://herdyherlino.blogspot.com
Menjadi : http://herdyherlino.blogspot.com/
Ambil ID Aplikasi Copy dulu di Notepad
Langkah 3. Menambahkan Kode pada template blogger
Login ke blogger --> Rancangan -- Edit HTML -- centrang pada Expand Template Widget. Karena prosesnya cukup sulit sebiknya Anda download template lengkap seandainya ada masalah bisa dikembalikan.
Cari code <html tambahkan kode di bawah di bagian belakangnya
Contoh: <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' ...... xmlns:fb='http://www.facebook.com/2008/fbml'>
Cari code <html tambahkan kode di bawah di bagian belakangnya
xmlns:fb='http://www.facebook.com/2008/fbml
Contoh: <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' ...... xmlns:fb='http://www.facebook.com/2008/fbml'>
Sekarang copy kode di bawah, taruh tepat di atas kode </head>
Ganti my site name dengan nama blog Anda
Ganti http://Google.../blogger_logo.gif dengan link image blog Anda [yang ini tidak diganti juga tidak apa-apa]
Ganti you'r app ID dengan ID Appliksi yang Anda buat tadi
Ganti you'r profil ID dengan ID profil facebook Anda, contoh link profil facebook "http://www.facebook.com/profile.php?id=123456789" yang dicetak tebal itu IDnya.
Kemodian copy kode di bawah, taruh di bawah kode <body>
Ganti you'r app ID dengan ID Appliksi yang Anda buat tadi
Terakhir copy kode di bawah, taruh di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<meta content='blog' property='og:type'/>
</b:if>
<meta content='my site name' property='og:site_name'/>
<meta content='http://Google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='you'r app ID' property='fb:app_id'/>
<meta content='you'r profil ID' property='fb:admins'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<meta content='blog' property='og:type'/>
</b:if>
<meta content='my site name' property='og:site_name'/>
<meta content='http://Google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='you'r app ID' property='fb:app_id'/>
<meta content='you'r profil ID' property='fb:admins'/>
Ganti my site name dengan nama blog Anda
Ganti http://Google.../blogger_logo.gif dengan link image blog Anda [yang ini tidak diganti juga tidak apa-apa]
Ganti you'r app ID dengan ID Appliksi yang Anda buat tadi
Ganti you'r profil ID dengan ID profil facebook Anda, contoh link profil facebook "http://www.facebook.com/profile.php?id=123456789" yang dicetak tebal itu IDnya.
Kemodian copy kode di bawah, taruh di bawah kode <body>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#appId=you'r app ID&xfbml=1'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'you'r app ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.Event.subscribe('comment.create', function(response) {
// do something with response.session
// you can add any function here to fire on comment
alert('a comment was just created');
});
FB.Event.subscribe('comment.remove', function(response) {
// do something with response.session
// you can add any function here to fire on remove
alert('a comment was just removed');
});
};
(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>
<script src='http://connect.facebook.net/en_US/all.js#appId=you'r app ID&xfbml=1'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'you'r app ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.Event.subscribe('comment.create', function(response) {
// do something with response.session
// you can add any function here to fire on comment
alert('a comment was just created');
});
FB.Event.subscribe('comment.remove', function(response) {
// do something with response.session
// you can add any function here to fire on remove
alert('a comment was just removed');
});
};
(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>
Ganti you'r app ID dengan ID Appliksi yang Anda buat tadi
Terakhir copy kode di bawah, taruh di bawah kode <data:post.body/>
<fb:comments
expr:title='data:post.title' expr:href='data:post.url'
expr:xid='data:post.id' migrated='1' notify='true' numposts='5'
width='490' xid='you'r app ID'></fb:comments>
Ganti you'r app ID dengan ID Appliksi yang Anda buat tadi
Nb:
- Agar tidak muncul dua kotak komentar sebaiknya sembunyikan kotak komentar bawaan, caranya atur di pengaturan --> komentar --> sembunyikan komentar lalu simpan pengaturan.
- Pemberitahuan bila ada komentar di blog akan masuk ke akun facebook kita seperti pemberitahuan jika ada yang mengomentari status, pemberitahuan juga masuk ke link ini http://developers.facebook.com/tools/comments/
Selamat Mencoba...
