Minggu, 07 Juli 2013

Cara Membuat Kolom Komentar Facebook di Blog

Cara Membuat Kolom Komentar Facebook di Blog yang saya tulis ini adalah sekian cara yang telah ada dan dibahas oleh teman-teman blogger tanah air dan mungkin cara yang saya buat ini adalah cara termudah dalam membuat kolom komentar facebook di blog. Kenapa saya bilang mudah? Karena hanya sedikit kode-kode yang perlu ditambahkan kedalam halaman pengeditan template blog anda. Cara membuat kolom komentar Facebook di blog ini telah saya terapkan kedalam blog saya sendiri tapi bukan di blog ini karena sudah banyak kode-kode yang telah saya pasang untuk blog ini.


Cara Membuat Kolom Komentar Facebook di Blog

Sebelum melanjutkan pembahasan mengenai cara membuat kolom komentar Facebook di blog ini, sedikit perlu saya jelaskan manfaat adanya kolom komentar Facebook di blog yaitu akan meningkatkan jumlah pengunjung blog anda melalui Facebook. Kok bisa? 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.

Okey, dan berikut cara membuat kolom komentar Facebook di blog
  1. Buatlah sebuah aplikasi yang akan mengintegrasikan blog anda dengan Facebook. Untuk membuatnya, silahkan baca Cara membuat aplikasi 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='profil.sriwahyuni' 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'/>
    Cara Membuat Kolom Komentar Facebook di Blog
      Keterangan
    • Ganti profil.sriwahyuni 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>
    Cara Membuat Kolom Komentar Facebook di Blog
      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
Itulah cara termudah dalam menampilkan atau membuat kolom komentar Facebook di blog. Jika ada yang pertanyaan, mari kita diskusikan bersama dengan meninggalkan komentar untuk artikel ini, Cara Membuat Kolom Komentar Facebook di Blog

1 komentar:

  1. DAPATKAN HARGA PROMO MEYAMBUT TAHUN BARU HAKIR BULAN SEMUAX MURAH-MURAH DI SANI SHOP
    Produk dijamin asli orginal Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-0816-597-476 ATAU KLIK WEBSET RESMI KAMI http://sani-shop.blogspot.com/
    Ready Stock! Samsung Galaxy S4 Mini Rp.2,500.000
    Ready Stock! Apple iPhone 5 Rp.2,700.000
    Ready Stock! BlackBerry 9380 Orlando - Black.Rp.900.000,-
    Ready Stock! BlackBerry Curve 8520 Gemini.Rp.500.000,-
    Ready Stock! BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
    Ready Stock! Blackberry Curve 9320.Rp.700.000,-
    Ready Stock! Samsung Galaxy Note 10.1.Rp.2,500.000.
    Ready Stock! Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
    Ready Stock! Samsung Galaxy S III Mini.Rp.1.800.000.
    Ready Stock! Samsung Galaxy Nexus I9250 - Titanium Si.Rp.1.500.000,-
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.500.000.
    Ready Stock! Samsung Galaxy Note N7000 - Pink.Rp.1.700.000.

    BalasHapus