Cara
Buat Komentar Facebook di Blogspot - Kotak komentar pada sebuah blog
adalah sesuatu yang sangat penting untuk mengetahui opini yang ingin
disampaikan pada pembaca, bagi anda dengan blog ber-platform
Blogger/Blogspot sudah tersedia kotak komentar yang tersedia. namun
terkadang id komentar yang digunakan tidak sesuai dengan komentator,
alhasil sang komentator batal memberikan komentarnya. tapi sekarang
Facebook telah memiliki aplikasi untuk membuat kotak komentar hanya
dengan login dengan account facebook. jadi komentator memberikan
komentarnya melalui account mereka masing-masing.
Mari kita bahas cara pembuatanya. Ini adalah contohnya, kira2 jadinya seperti ini:
Untuk cara buatnya, cekidot:
- Silahkan buka halaman create application facebook. Isikan nama aplikasi terserah sekehendak agan (contoh= kotak komentar), centang persetujuan aplikasi, lalu klik tombol Buat Aplikasi Baru/Create Aplication. Lihat gambar dibawah jika kurang jelas:
- Anda akan dibawa ke halaman berikutnya. Klik tab Web Site lalu isikan alamat URL blog anda pada kolom yang tersedia (contoh : http://anto-trd.blogspot.com), kalau sudah silahkan klik Simpan Perubahan. Lihat gambar dibawah:
- Selanjutnya anda akan dibawa ke halaman berikutnya untuk mengambil ID aplikasi dan alamat email anda (ID dan Email anda nanti akan berguna untuk melengkapi code yang akan ditempatkan pada blog anda), jangan ditutup halaman ini. Lihat Gambar jika kurang jelas.
- Untuk pembuatan aplikasi di facebook sudah selesai. Sekarang silahkan masuk ke account blogger anda. kemudian pilih menu Rancangan/Design - Edit HTML Silahkan centang dulu Expand Template Widget (Saya anjurkan anda untuk melakukan Backup Template untuk menjaga hal yang tidak diinginkan dengan klik Download Template Lengkap).
- Silahkan cari kode ini <body> (Gunakan Fasilitas CLTR-F untuk mempercepat pencarian), setelah ketemu tambahkan code dibawah ini tepat dibawah code <body>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ' APP-ID ANDA ',
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>
*Silahkan ganti APP-ID ANDA dengan ID Aplikasi yang di dapat dari Facebook tadi
- Selanjutnya cari kode </body> , lalu tambahkan code dibawah ini tepat dibawah code </body>
<b:if cond='data:blog.pageType == "item"'>
<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='Nama Blog Anda' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Alamat Email Anda di Aplikasi' property='fb:admins'/>
<meta content='article' property='og:type'/>
*Silahkan
ganti tulisan yang di bold dengan Nama/Judul blog anda, ID Aplikasi dan
alamat email yang diperoleh dari aplikasi yang anda buat tadi
- Langkah terakhir adalah, silahkan cari code <data:post.body/> , jika sudah ketemu silahkan tambahkan code dibawah ini tepat bawah kode <data:post.body/>
<b:if
cond='data:blog.pageType == "item"'><br/>
<p align='left'><a
href='http://anto-trd.blogspot.com/2010/09/cara-buat-komentar-facebook-di-blogspot.html'
target='new'><img
border='0'/></a></p><div><fb:comments
expr:title='data:post.title' expr:url='data:post.url'
expr:xid='data:post.id' width='450'/></div><div
style='background-color: #f2f2f2;border: solid 1px #cccccc;
font-size:10px; padding:3px;width:100%;'><b> by <a
href='http://anto-trd.blogspot.com/2010/09/cara-buat-komentar-facebook-di-blogspot.html'
target='_blank' title='Facebook Comment'>Pengen Kotak Komentar kayak
Gini? Klik
Disini</a></b></div></b:if><br/>
Tidak ada komentar:
Posting Komentar