Facebook comment blog with Api Key

Menarik juga kalau komentar di blog kita pakai Facebook comment, pengunjung blog kita tidak bersusah paya untuk mengetikan alamat e-mail, nama dan segala macem yang kadang bikin ribet pengunjung. Tapi dengan facebook comment blog proses comment meng-comment jadi lebih simple dan gampang alias tidak membuat repot atau membuat susah atau membuat membuat tulisan metrix ala hacker he...he...mulai ngawur, selain itu avatar nya langsung foto profil pengunjung yang bisa berubah ubah sesuai photo profilnya.

Sebenernya saya sudah pernah mencoba beberapa kali cara membuat facebook comment dengan trick-trick yang saya dapat dari hasil blog walking dengan menggunakan Application ID(kode aplikasi ID) tapi tidak berhasil juga, dan akhirnya saya menemukan cara yang tepat dan gampang dengan menggunakan Api Key seperti di blog core-net styles ini. Mari kita ikuti saja caranya seperti dibawah ini :

1.Buat Aplikasi Di Facebook.
*Silahkan anda Login ke Facebook Develover, setelah berada disana anda akan menemukan halaman seperti berikut :
facebook


*Silahkan anda ketikan nama aplikasi anda contoh : comment blog kemudian klik setuju lalu klik buat aplikasi.
nanti ketemu halaman seperti berikut :
facebook develover

*Dibawah informasi penting ada list Kode Api (Api Key)silahkan copy dan simpan nilainya.
Kemudian silahkan pilih  tab terhubung

*Isikan URL terhubung dengan url blog anda dengan ditambah garis miring (contoh :http://core-net-styles.blogspot.com / ) dibelakangnya
facebook develover
*Isikan base domain dengan blogspot.com (khusus untuk blogger untuk yang lainnya saya belum tau).
sekarang silahkan simpan perubahan.

2.Memasang kode pada template.
Seperti biasa jangan lupa download template anda terlebih dahulu buat jaga-jaga.
centang expand widget template,lalu cari
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'>
*kemudian tambahkan kode berikut didalamnya :
xmlns:fb='http://www.facebook.com/2008/fbml'
*setelah ditambahkan kode tadi jadinya akan seperti ini :
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
* Tambahkan kode javascript berikut diatas header :
<script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php' type='text/javascript'/>
*cari kode  <data:post.body> letakkan kode berikut dibawahnya (Kalau anda memasang Read more, biasanya kide tersebut ada dua silahkan letakkana setelah kode yang kedua.)
 <fb:comments width='500'/>
*Setelah itu letakkan lagi kode javascript berikut diatas kode </body>
<script type='text/javascript'>
FB.init("ffa231613484193525116dcc5c093b8a", "");
</script>
*setelah itu silahkan ganti kode yang berwarna merah dengan  kode api(Api Key) yang sudah anda simpan tadi.
*Terakhir silahkan simpan template baru anda.
Selesai deh pembuatan Facebook comment blog with Api Key nya, tinggal dilihat saja hasilnya pasti amazing banget bro....
Berhubung saya sudah ngantuk walaupun sudah habis dua cangkir Coffe tapi sudah tidak kuat banget, jadi saya akhiri dengan kata wish success.....

Komentar :

ada 8 komentar ke “Facebook comment blog with Api Key”

Gan keterangan gambar-nya tolong diperbesar donk biar jelas...trimsss

palak team mengatakan...
pada hari 

sekarang tampilan facebook developer udah brubah ya..? pake minta verifikasi via handphone atau credit card segala, dicoba tapi gak bisa-bisa. ada solusi lain bos?

joen mengatakan...
pada hari 

infonya mantap gan, tapi mau nanya kalo masuk ke 1 artikel kenapa commentnya jadi box defaultnya blogger ya?

pengukir_waktu mengatakan...
pada hari 

@agan joen ->> ane nyoba masih kayak yang dulu tuh gan
@agan pengukir waktu -->> mgkin ntu ada yang salah gan,coba cek lagi deh.
n thx dah comment'nya...

Dynata Canna mengatakan...
pada hari 

bagus y,,,gak repot,,,

sekali2 main ya di blog saya ,,hehe
http://pli-it.blogspot.com/
thanks

idris syamsir mengatakan...
pada hari 

mau tanya mas, ini masuk nya bisa ke fakelogin atau gk??
terima kasih,
nice posting :D

andry yudha mengatakan...
pada hari 

@agan yudha : maksud agan mgkin masuknya or gmn...??
kalo ini mesti login ke fb dulu gan...
thx atas kunjungannya...

Dynata Canna mengatakan...
pada hari 

mantab gan.. tapi msih bingun.. mampir k blog q ya,,,

@kampungan mengatakan...
pada hari 

Poskan Komentar

 
 
© Copyright by CORE-NET Netting Styles 2010 | Template Powered by Draft Blogger