Thursday, February 10, 2011

Membuat Kotak Komentar Ala Facebook

Posted by at

Facebook adalah sebuah social network yang luar biasa digemari oleh dunia. Jaringan sosial yang mampu membuat kita berinteraksi di dunia maya dengan teman lama atau baru kita. Semakin hari Facebook mengoptimalisasikan websitenya supaya tetap berada paling depan diantara situs lainnya. Dengan aplikasi-aplikasi yang di buat Facebook kita bisa terhubung dimana saja dan kapan saja, tidak lain halnya dengan blog. Facebook bisa ke blog.


Contoh jika aa mau sharing ke teman-teman semua untuk cara pemasangan kotak komentar facebook di blog, ini di untukkan kepada teman-teman yang membuka dari facebook namun tidak mempunyai blog, mereka bisa ikut berkomentar dengan akun facebook mereka. Bagaimana cara menambahkan kotak komentar ala Facebook ke blog kita? Ikuti langkah berikut.

1. Login ke Blogger
2. Login ke account Facebook Anda, kemudian masuk ke applikasi Facebook Developers
3. Buat sebuah nama applikasi yang anda inginkan, klik tombol "buat applikasi baru (Creat New Application)"
4. Setelah itu Anda akan masuk kedalam menu pengaturan aplikasi , masuk ke menu terhubung (connect) ,lalu masukkan url blog anda semisal blog Aa ini : http://dayamurnicity.blogspot.com/ , url blog harus diakhiri dengan tanda "/".
5. Setelah itu kembali ke menu dasar (Basic) untuk melihat ID Aplikasi (ID Aplication). Simpan dahulu ID Aplikasi anda.
6. Save

Langkah selanjutnya Anda masuk ke account blogger.
1. Pilih Design/Rancangan, Edit HTML, beri ceklist pada Expand Tamplate Widged.
2. Cari code <body>, lalu masukkan code di bawah ini.

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39; APP-ID Anda &#39;,
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(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>

3. Kemudian cari kode <b:skin><![CDATA[/* dan kopy kode dibawah dan letakkan di atasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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='URL 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='Profile-ID-Facebook Anda' property='fb:admins'/>
    <meta content='article' property='og:type'/>

4. Kemudian Anda cari code <data:post.body/> jika yang ditemukan ada dua silahkan masukkan di bawah kode yang kedua. Kopy kode dibawah ini tepat di bawahnya.


<b:if cond='data:blog.pageType == &quot;item&quot;'><br/> <p align='left'><a href='http://dayamurnicity.blogspot.com/2011/02/membuat-kotak-komentar-ala-facebook.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://dayamurnicity.blogspot.com/2011/02/membuat-kotak-komentar-ala-facebook.html' target='_blank' title='Facebook Comment'>Mau Pasang Kotak Komentar seperti ini? Klik Disini</a></b></div></b:if><br/>

5. Save Tamplate, selesai. Dalam beberapa kasus, mungkin bisa membutuhkan waktu untuk bisa connect ke Facebook, jadi Anda perlu sedikit bersabar.
6. Untuk code yang berwarna MERAH silahkan ganti dengan URL Blog, APP ID dan Profil ID Facebook anda.

Selamat mencoba.

No comments:

Post a Comment

Terima kasih atas kunjungannya jika ada pertanyaan,saran,maupun kritik dan demi perkembangan blog ini silahkan tinggalkan komentar Anda.

Subscribe to: Post Comments (Atom)