Modal utama untuk bisa memasang kotak komentar facebook di blog harus memiliki applikasi di facebook, jika belum punya silahkan buat disini. Setelah memiliki applikasi berarti kita sudah mendapat ID Applikasi, selanjutnya ikuti langkah berikut:
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
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>
<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'/>
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>
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/
Jika artikel ini bermanfaat bagi Anda klik tombol like, bagikan ke twitter dan beri +1, jangan lupa memberi komentar. Baca juga Cara Memasang Tombol Like Facebook di Blog
Sumber: http://www.emingko.com/2011/05/cara-memasang-kotak-komentar-facebook.html#ixzz1fxouRWt7
www.emingko.com
Cara Memasang Kotak Komentar Facebook [New Version + notify] di Blog
By
fffffffffgg
ReplyDeletemakasih ya
ReplyDelete