Cara Membuat Komentar Facebook Di Blogspot

Posted by : Arief Hilman Nugraha Thursday, January 31, 2013

Sebelumnya uda pernah saya share cara membuat kotak komentar facebook tapi bagi yang masih bingung saya punya banyak cara dan gak ribet dan berhasil langsung aja nih saya kasih penjelasan seperti biasa,

Facebook merupakan salah satu media jejaring sosial yang sudah menjamur disetiap sudut belahan dunia ini!!

Jadi kalau sobat ngadubanteng pengen masang facebook comment nongol di blog bisa make cara begini dan ini hasil copas dari tetangga sebelah he!!

Cara mendapatkan Application ID
1. Kunjungi situs https://developers.facebook.com/apps
2. Klik klik Create New App
3. Masukan App Name lalu klik Continue
4. Tulislah Captha verifikasi dan klik tombol Submit
5. Anda akan masuk ke Setting Screen, lalu lengkapi formulir yang ada seperti dibawah ini:

Keterangan: Isi App Domain dengan blogspot.com, selanjutnya isi Site Url pada link Website dengan alamat url blog anda.
6. Save Changes, lalu Kopi App ID di bagian atas

Membuat Kotak Komentar Facebook pada Blog :
1. Masuk ke Blogger
2. Pilih Design, lalu klik Edit HTML
3. Centang Expand Template Widget

4. Letakkan kode dibawah ini setelah kode <head>

<meta content='YOUR_FACEBOOK_APPLICATION_ID' property='fb:app_id'/>

Keterangan: Ganti kode berwarna biru dengan ID App anda. Script diatas berfungsi untuk melakukan moderasi komentar.

5. Cari kode dibawah ini:

<div class='post-footer-line post-footer-line-3'>

atau

<p class='post-footer-line post-footer-line-3'>

6. Paste kode dibawah ini setelah kode yang ada pada langkah ke.5

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

Keterangan: Anda dapat mengganti lebar dan warna (light / dark) dari kotak komentar

7. Anda harus menambahkan deklarasi untuk nama FB, caranya yaitu cari kode ini: