2 Jun 2013

Cara Membuat Kotak Komentar Facebook di Blog.

membuat-kolom-komentar-facebook Mungkin cara yang saya 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.
Cara Membuat Kotak Komentar Facebook di Blog :
  • Buatlah sebuah aplikasi yang akan menghubungkan blog anda dengan Facebook. Untuk membuatnya, silahkan baca Cara membuat aplikasiFacebook 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 == &quot;item&quot;'>

<div class='fb-comments' data-num-posts='10' data-width='550' expr:data-href='data:post.url'/> </b:if>
lKeterangan :
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. 

Tidak ada komentar:

Posting Komentar