Menambah Facebook Komentar pada Website/WebBlog
Berikut langkah-langkah nya :
1. Silahkan ke http://developers.facebook.com/setup terlebih dahulu untuk membuat applikasinya.
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APPID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
Ganti APPID dengan id aplikasi Anda. Kemudian Simpan template Anda. Anda bisa memilih untuk tetap menampilkan kotak komentar Blogger sehingga ada dua macam kotak komentar di blog Anda, atau bagi Anda yang hanya ingin menggunakan komentar facebook, Anda bisa menghapus kotak komentar blogger dengan cara masuk ke Dashboard -> Pengaturan -> Komentar. Pada bagian Komentar pilihlah Sembunyikan
2. Jika Anda sudah sukses masuk ke halaman create an App silahkan Anda isi nama apps dan URL blog Anda. Setelah itu silahkan klik Create App.
3. Isikan Captcha sesuai yang tertera. Lalu klik Submit.
4. Jika sukses, maka Anda akan mendapatkan App Id dan App Secret
4. Jika sukses, maka Anda akan mendapatkan App Id dan App Secret
5. Langkah terakhir adalah dengan memasukkan kode berikut ini ke dalam template Anda (dashboard -> rancangan -> Edit HTML). Jangan lupa centang Expand template Widget. Masukkan di bawah kode <data:post.body/> Jika ada beberapa kode yang sama karena penggunaan readmore, maka cobalah letakkan setelah kode <data:post.body/> kedua.
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APPID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
Ganti APPID dengan id aplikasi Anda. Kemudian Simpan template Anda. Anda bisa memilih untuk tetap menampilkan kotak komentar Blogger sehingga ada dua macam kotak komentar di blog Anda, atau bagi Anda yang hanya ingin menggunakan komentar facebook, Anda bisa menghapus kotak komentar blogger dengan cara masuk ke Dashboard -> Pengaturan -> Komentar. Pada bagian Komentar pilihlah Sembunyikan
Comments
Post a Comment