Cara Membuat Kotak Komentar Facebook di Blog

Tutorial | Cara Membuat Kotak Komentar Facebook di Blog. Mungkin cara yang Blogger Tutorial bikin ini adalah cara termudah dalam membuat kolom komentar facebook di blog. Karena hanya sedikit kode-kode yang perlu ditambahkan kedalam halaman pengeditan template blog anda. Cara membuat kolom komentar Facebook di blog ini telah ditest 100% work.

Manfaat adanya kotak komentar Facebook di blog ini akan meningkatkan jumlah pengunjung blog anda melalui Facebook. Karena setiap anda berkomentar maka komentar anda akan tampil di halaman beranda. facebookers yang lain dan jika facebookers tersebut membaca update-an komentar anda dan mengkilk tautan komentar tersebut maka secara langsung facebookers tersebut akan diarahkan ke blog anda. Tapi dengan syarat! kolom komentar Facebook di blog ini akan berfungsi maksimal jika yang berkomentar sedang dalam keadaan aktif dengan akun facebooknya atau tidak mencentang Post to Facebook yang ada didalam kolom komentar.

Preview :

Cara Membuat Kotak Komentar Facebook di Blog :

Buatlah sebuah aplikasi yang akan menghubungkan blog anda dengan Facebook. Untuk membuatnya, silahkan baca Cara membuat aplikasi Facebook Secara Detail
Jika sudah selesai, buka akun blogger anda
Pilih menu Template >> Edit Html >> centang Expand Template Widget >> tekan tombolCtrl+F di keyboard
Cari kode <b:skin><![CDATA[ dan tambahkan kode berikut sebelum atau diatas <b:skin><![CDATA[

<meta content='adjisukmana' property='fb:admins'/>
<meta content='259054834227698' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

Keterangan :
Ganti adjisukmana dengan nama akun Facebook anda
Ganti 259054834227698 dengan ID Aplikasi Facebook anda yang telah anda buat

Cari kode <div class='post-footer-line post-footer-line-3'/> dan tambahkan kode berikut tepat dibawah <div class='post-footer-line post-footer-line-3'/>

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

Keterangan :
data-num-posts='10' merupakan jumlah komentar yang tampil. Silahkan diganti jika ingin menampilkannya lebih banyak
data-width='550' merupakan lebar kolom komentar. Silahkan diganti dengan menyesuaikan lebar area postingan blog. Bukan lebar blognya.

Selesai dan simpan Template blog anda.

Sekian dulu yah postingan Blogger Tutorial mengenai Cara Membuat Kotak Komentar Facebook di Blog. jika ada yang kurang jelas silahkan bertanya yah :)

PLEASE ATTENTION !

Untuk memperbaiki dan mengembangkan web ini menjadi lebih baik, mari bersama - sama kita bangun, caranya? Apabila kamu menemukan link yang mati/sudah tidak berfungsi atau gambar yang sudah tidak muncul/expire, silahkan hubungi kami disini. Laporan anda sangat berpengaruh pada perkembangan blog ini.Tanks atas perhatiannya thanks