Lihat Daftar Isi !
Oke langsung saja kita mulai. Ikuti langkah-langkah berikut :
- Pertama buka situs developer facebook (http://www.facebook.com/developers/createapp.php)
- Pada kolom Nama Aplikasi, isikan nama aplikasi yang hendak anda buat, misalnya Kotak Komentar
- Kemudian klik pada tab Website (pada daftar tab yang di sebelah kiri)
- Pada URL Terhubung masukkan alamat blog anda, jangan lupa untuk diakhiri dengan tanda / (sebagai contoh : http://vvfvery3fun.blogspot.com/)
- Pada Base Domain, isikan blogspot.com
- Klik Simpan Perubahan
- Buka http://www.facebook.com/developers/apps.php , kemudian pada aplikasi anda, copy Application ID dan simpan sementara di Notepad atau Word. Agar mudah untuk langkah-langkah selanjutnya.
2. Memasang kode Kotak Komentar Facebook pada Blog anda.
- Seperti biasa login ke Blogger --> Design --> Edit HTML, Ceklis pada Expand Template Widget
- Cari kode berikut :
<body>
- Kemudian dibawah / setelah kode tersebut tambahkan kode berikut :
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APPIDAnda',
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>
Ganti APPIDAnda dengan Application ID yang telah anda dapatkan sebelumnya
- Sekarang, cari kode berikut :
</head>
- Kemudian dibawah / setelah kode tersebut, tambahkan kode berikut :
<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='APPIDAnda' property='fb:app_id'/>
<meta content='ProfileIDFacebookAnda' property='fb:admins'/>
<meta content='article' property='og:type'/>
Nama Blog Anda : isikan nama blog anda, misalkan Very3 Fun Blog
APPIDAnda : isikan dengan Application ID yang anda dapatkan sebelumnya
ProfileIDFacebookAnda : isikan Profile ID Facebook Anda
- Sekarang cari kode berikut :
<data:post.body/>
- Apabila kode diatas ada 2 atau lebih, maka taruh kode berikut dibawah kode yang kedua :
<b:if cond='data:blog.pageType == "item"'><br /> <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: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'></div></b:if><br />
- Klik Save Template, Selesai.
0 komentar:
by Pakto
by misterdarvus
Posting Komentar