Berita Terbaru

View all

  • Previous
  • Next
  • Previous
  • Next
  • Previous
  • Next
  • Previous
  • Next
  • Previous
  • Next
  • Previous
  • Next
  • Previous
  • Next

Home» blogspot» Ngeblog» Cara Memasang Comments Box Facebook di Blog

Cara Memasang Comments Box Facebook di Blog

By cuki - Jumat, 22 Februari 2013

Kali ini saya menjelaskan cara memasang comments box facebook di blog. comment box ini bisa dipasang bersebelahan dengan comments box blogger sehingga lebih menarik untuk dilihat. Manfaat adanya kolom komentar Facebook di blog yaitu meningkatkan jumlah pengunjung blog anda melalui Facebook. Karena setiap anda berkomentar maka komentar anda akan tampil di halaman beranda (biasanya ada di sidebar sebelah kanan Facebook) 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 ingat! 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 [...]

Langsung saja kita ke TKP.........!!
  1. Buatlah sebuah aplikasi yang akan mengintegrasikan blog anda dengan Facebook.
  2. Jika sudah selesai membuat aplikasi facebooknya, buka akun blogger anda
  3. Pilih menu Template >> Edit Html >> centang Expand Template Widget >> tekan tombol Ctrl+F di keyboard
  4. Cari kode <b:skin><![CDATA[ dan tambahkan kode berikut sebelum atau diatas <b:skin><![CDATA[
    <meta content='ikicukibee' 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 ikicukibee dengan nama akun Facebook anda
    • Ganti 259054834227698 dengan ID Aplikasi Facebook anda yang telah anda buat
  5. 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 anda ganti jika ingin menampilkannya lebih banyak
    • data-width='550' merupakan lebar kolom komentar. Silahkan diganti dengan menyesuaikan lebar area postingan blog. Bukan lebar blog
  6. Selesai dan simpan Template blog anda. Lihat hasilnya di bagian bawah artikel atau diatas kolom komentar Blogspot
Selesailah cara memasang comments box facebook di blog. Semoga bermanfaat bagi sobat blogger semua

Follow Like

Baca Juga

Leave a Reply


    • Sahabat Cukipedia