Search This Blog

Friday, June 15, 2012

Cara Membuat Kotak Komentar Facebook di Blogspot

Kotak komentar facebook sudah umum digunakan di blog untuk memudahkan pengunjung berinteraksi dengan pemilik blog.



Cara membuatnya adalah sbb :

1. Login ke facebook.com kemudian kunjungi http://developers.facebook.com/ untuk membuat aplikasi.

2. Klik Aplikasi dan pilih Ke Aplikasi





3. Klik Create New App.



4. Ini App Name dan klik Lanjutkan.



5. Masukkan kode CAPTCHA dan Kirim.



6. Aplikasi sudah jadi, copy App ID untuk kita gunakan dalam kotak komentar facebook.



7. Login ke blogger.com, buka Dasbor - Rancangan - Edit HTML - Centang Expand Template Widget (Download Template buat bakup).

8. Cari kode <b:includable id='status-message'> dan nanti akan ketemu kode :

</b:includable>
<b:includable id='status-message'>

9. Copy script dibawah ini dan letakkan diatas kode </b:includable>. Ganti ID-APLIKASI denga yang kita buat diatas, angka 5 adalah jumlah komentar yang ditampilkan dan 400 adalah lebar kotak komentarnya. Rubahlah disesuaikan dengan template blog.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/>
<script src=' http://connect.facebook.net/en_US/all.js#appId=ID-APLIKASI&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='400'/>
</b:if>

10 Simpan Template dan lihat hasilnya. Semoga bermanfaat.

4 comments:

  1. hohoho...oke deh tutorialnya..dah lama kepikiran expand widget ini. Tp kira-kira bikin blog makin berat gak widget ini?

    Btw, ta bookmark dulu...nanti kalau koneksi dah lancar mau nyoba masang widgetnya.

    ReplyDelete
  2. enakan yg dari blogger...
    sapa saja termasuk yg ga punya akun fb bisa komen....
    :P

    ReplyDelete
    Replies
    1. Kan komen box bloggernya tetap aktif sob :)

      Delete

Link Exchange

Copy Paste kode dibawah ke blog anda. Link akan tampak seperti:


My Link

Back Link



  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP