Cara Membuat Kotak Komentar Facebook di Blogspot

Tuesday, December 31, 2013    

 Cara Membuat Kotak Komentar Facebook di Blogspot dengan mudah dan praktis. Pada kesempatan kali ini, saya akan berbagi tips tutorial oprek blogspot yaitu Cara Membuat Kotak Komentar Facebook di Blogspot.

Ikuti langkah-langkahnya sebagai berikut :

A. Cara membuat Aplikasi Facebook

1. Login ke Facebook.
2. Klik link Aplikasi pembuatan aplikasinya disini
3. Klik Buat Aplikasi Baru


4. Nama aplikasi, silahkan diisi sesuai nama blog
5. Untuk kolom App Namespace dan App Namespace, Kosongkan aja (gak usah di edit)
6. Centang App Namespace
7. Klik Lanjutkan
8. Masukkan kode captcha
9. Isi data secara lengkap seperti gambar ini:


10. Simpan nomer Applikasi anda.

Untuk tahap pembuatan aplikasi di facebook telah selesai, lalau lanjutkan dengan cara pemasangan kotak komentar di blogspot anda.

B. Cara Membuat Kotak Komentar Facebook di Blogspot

1. Login ke akun blogger
2. Pilih Template, klik Edit HTML
3. Cari kode <b:skin><![CDATA[
4. Masukkan kode atau script di bawah ini, sebelum kode <b:skin><![CDATA[

<meta content='om.onny.7' property='fb:admins'/>
<meta content='12345678' property='fb:app_id'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Keterangan:
Ganti  om.onny.7 dengan profil akun facebook anda
Ganti  12345678 dengan nomer aplikasi facebook yang telah anda catat.

5. Cari kode <div class='post-footer-line post-footer-line-3'/> kemudian tambahkan kode di bawah ini tepat di bawah <div class='post-footer-line post-footer-line-3'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments' data-num-posts='10' data-width='550' expr:data-href='data:post.url'/>
</b:if> 

6. Klik Simpan

Kotak Komentar Facebook di Blogspot telah terpasang di blog anda

G+