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 saja saya ,,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. Sangat Menarik,.bukan.^^.
Yang tertarik silahkan ikuti langkah berikut :
Langkah-langkah 1.
- Pertama login ke akun blogger anda.
- Kemudian buka facebook anda, login terlebih dahulu, lalu masuk ke aplikasi facebook developers .
- Kemudian
buat nama aplikasi terlebih dahulu , klik tombol " Buat Aplikasi baru
(create new aplication)"
Contoh :
- Setelah itu teman-teman akan masuk kedalam menu pengaturan aplikasi , masuk ke menu terhubung (connect) ,lalu masukkan url blog anda semisal blog saya adalah http://anggavoith.blogspot.com,masukkan pada akhiran blog dengan tanda / jadi nantinya adalah http://anggavoith.blogspot.com/
- Setelah
itu kembali ke menu dasar (Basic) untuk melihat ID Aplikasi (ID Aplication).
Simpan dahulu ID Aplikasi anda.
- Simpan/Save.
Langkah 2.
- Masuk blog anda. Design. Edit HTML, Expand Template Widged
- cari kode <body> Setelah ketemu tambahkan kode ini dibawahnya :
- <div id='fb-root'/>
<script>
window.fbAsyncInit=function(){
FB.init({
appId : ' APP-ID teman-teman ',
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> - Kemudian cari kode <b:skin><![CDATA[/* dan kopy kode dibawah, berada diatasnya.
- <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='URL blog teman-teman' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID teman-teman' property='fb:app_id'/>
<meta content='Profile-ID-Facebook teman-teman' property='fb:admins'/>
<meta content='article' property='og:type'/> - Cari lagi ( control F ) <data:post.body/> jika yang ditemukan ada dua silahkan masukkan dibawah kode yang kedua. Kopy kode dibawah ini tepat dibawahnya.
- <b:if cond='data:blog.pageType == "item"'><br/> <p align='left'><a href=http://anggavoith.blogspot.com'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://anggavoith.blogspot.com' target='_blank' </a></b></div></b:if><br/>
- Save Template. Dan Selesai. Mungkin butuh waktu untuk koneksi facebooknya,,jadi harap bersabar.
- NB : Untuk kata yang berwarna HIJAU silahkan ganti dengan URL Blog, APP ID dan Profil ID Facebook anda.
Sekian dari saya. Semoga
bermanfaat ^_^.
Terima kasih artikelnya manfaat..
ReplyDeleteOh ya Gan saya ada tips cara dapat 1 juta lebih baclink, kalo agan berminat bisa agan lihat di
Tips mendapat 1juta Baclink Gratis untuk Blogger
trims, ditunggu kunjungannya.