Senin, 12 Desember 2011

Cara Pasang Kotak Komentar Facebook Di Blog

Kali ini saya akan menjelaskan tentang komentar facebook di blog , sebelum saya menjelaskan cara pasang kotak komentar facebook di blog ,saya jelaskan sedikit kegunaan comment box facebook , kegunaan box comment facebook di blog sama seperti kolom komentar blog lainnya , namun disamping untuk berkomentar di blog ada kegunaan lain dari plugin kotak komentar facebook ini yaitu apabila ada pengunjung berkomentar melalui komentar box ini maka akan secara otomatis tershare komentar dan url blog yang dikomentari , sehingga ini bisa menjadi salah satu cara promosi yang efektif dengan memasang kotak komentar facebook di blog .


Pasang Kotak Komentar Facebook Di Blog

Untuk memasang kotak komentar facebook di blog cukup sulit , untuk itu simak baik-baik tutorial pasang komentar facebook di blog .

1. Anda harus terlebih dahulu membuat aplikasi anda terlebih dahulu , untuk itu silahkan masuk ke akun facebook anda .

2. Lalu buka link ini Facebook developer page

3. Setelah membuka link tersebut anda akan dibawa ke link setup membuat aplikasi , yang belum verifikasi account akan muncul gambar seperti ini :

aplikasi facebook
Aplikasi facebook

Anda verifikasi melalui mobile phone , cukup masukan nomor handphone anda dan ikuti langkah selanjutnya .

4. Setelah terverifikasi anda masuk ke link di nomor 2 tadi sehingga muncul gambar seperti ini

buat aplikasi facebook
Buat aplikasi facebook

Isikan nama situs , url situs jangan lupa tambahkan Backslash " / " di belakang Ulr , lalu lokasi , contoh :

Site name : tutorial blog
Url site: http://juntenxblog.blogspot.com/
Lokasi : indonesia
Lalu tekan create

5. Lalu anda akan dibawa ke tempat aplikasi

buat new aplikasi facebook

 Buat new aplikasi facebook

Lalu ikuti langkah-langkah nya

6. Setelah itu yang anda butuhkan adalah nomor App ID/API Key .

Setelah anda membuat aplikasi untuk plugin kotak komentar facebook , silahkan lihat langkah selanjutnya .

Pasang comment box facebook


Untuk memasang box comment facebook di blog anda terlebih dahulu untuk log in di akun blogger anda lalu Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Lalu cari code berikut:

<data:post.body/> (untuk setiap template berbeda-beda posisi code itu , untuk yang telah memasang read more silahkan cari kode seperti itu yang kedua)

Pasang script berikut ini dibawah kode tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;XXXXXX&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
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>
<fb:comments/>
</b:if>
<b> by <a href='http://reknaon.blogspot.com/' target='_blank' title='Facebook Comment'>Facebook Comment </a></b>

Ganti tanda xxx  dengan App ID/API Key yang telah anda buat sebelumnya , lalu tekan simpan dan lihat hasilnya.

Cukup mudah bukan untuk pasang kotak komentar facebook pada blog , silahkan bila anda masih kebingungan dengan cara buat kotak komentar facebook maupun cara pasang komentar facebook untuk berkomentar.