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 ane ,,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,..^^.
















Yang tertarik silahkan ikuti langkah berikut :

Langkah 1.

  1. Pertama login ke akun blogger anda.
  2. Kemudian buka facebook anda, login terlebih dahulu, lalu masuk ke aplikasi facebook developers .
  3. Kemudian buat nama aplikasi terlebih dahulu , klik tombol " Buat Aplikasi baru (create new aplication)"
    Contoh :
  4. Setelah itu teman-teman akan masuk kedalam menu pengaturan aplikasi , masuk ke menu terhubung (connect) ,lalu masukkan url blog anda semisal blog ane adalah http://www.elvindinatablog.co.cc/,masukkan pada akhiran blog dengan tanda / jadi nantinya adalah http://www.elvindinatablog.co.cc/ ,lihat gambar :
  5. Setelah itu kembali ke menu dasar (Basic) untuk melihat ID Aplikasi (ID Aplication). Simpan dahulu ID Aplikasi anda.
  6. Simpan/Save.
Langkah 2
1. Masuk Blog anda pilih Rancangan , Edit HTML , Centang "Expand Templates Widget"
2. Cari Kode <body> lalu letakkan kode ini tepat dibawahnya :
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39; APP-ID teman-teman &#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, berada diatasnya.
<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 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'/>
4. 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 == &quot;item&quot;'><br/> <p align='left'><a href='http://www.nsx-hax.co.cc/2011/04/cara-memasang-kotak-komentar-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:5px;width:100%;'><b> by <a href='http://www.nsx-hax.co.cc/2011/04/cara-memasang-kotak-komentar-facebook.html' target='_blank' title='Facebook Comment'>Get This Widget</a></b></div></b:if><br/>
5. Save Template. Dan Selesai. Mungkin butuh waktu untuk koneksi facebooknya,,jadi harap bersabar.
6. NB : Untuk kata yang berwarna HIJAU silahkan ganti dengan URL Blog, APP ID dan Profil ID Facebook anda.



Post a Comment

Contact Form

Name

Email *

Message *

Powered by Blogger.