Cara Membuat Kotak Komentar Facebook di Blog

Cara Membuat Kotak Komentar Facebook di Blog | WN Update

Mungkin cara yang WN Update bagikan 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 Kotak 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.
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='Wahyudi Nugroho' property='fb:admins'/>
<meta content='259054d78668787' 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 Wahyudi Nugroho dengan nama akun Facebook anda
Ganti 2259054d786687878 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 == &quot;item&quot;'>
<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.

Itulah tadi Cara Membuat Kotak Komentar Facebook di Blog WN Update.
kasih +1 dan like buat WN Update karena 1 +! dan like kalian sangat mempengaruhi kemajuan blog WN Update ini.

Written by: Wahyudi Nugroho

WN UPDATE, Updated at: 05:01

Tweet

Ayo Share di :

Facebook Google+ Twitter Digg

Ditulis Oleh : Unknown | WN Update

Terima Kasih Sudah Membaca Artikel Cara Membuat Kotak Komentar Facebook di Blog. Jangan lupa klik +1 dan like artikel ini, dan Sobat juga diperbolehkan mengcopy-paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://wn-update.blogspot.com/2013/05/cara-membuat-kotak-komentar-facebook-di-blog.html" target="_blank">Cara Membuat Kotak Komentar Facebook di Blog</a>

Pasang Widget Ini