Cara Membuat Kotak Komentar Facebook di Blog

Hari ini Blog JAFI akan berbagi sebuah informasi menarik dan penting untuk kamu seputar cara membuat komentar FB di blog. Judul yang akan digunakan pada artikel ini adalah Cara Membuat Kotak Komentar Facebook di Blog.
Facebook adalah media sosial nomor satu dunia saat ini. Hampir semua orang tahu apa itu Facebook.

Tatkala Facebook juga menjadi tempat bisnis bagi para pebisnis online. Mereka memanfaatkannya untuk mempromosikan barang, jasa, atau semacamnya.

Tetapi bagi para Blogger, Facebook juga sangat bermanfaat dalam mencari trafik. Contoh, dari Fanspage Facebook dan Komentar Facebook di blog.

Meskipun tidak membuat blog menjadi JAFI friendly, tetapi membuat kotak komentar facebook diblog akan mendatangkan traffic. Karena setiap ada orang yang komen menggunakan kotak komentar FB, akan ada status FB bahwa dia telah berkomentar diblog. Jadi setiap temannya yang penasaran mengklik dan menjadi visitor blog kamu.

Nah, kali ini saya akan membahas bagaimana cara membuat komentar facebook di blog dengan tutorial yang lengkap. Silahkan simak langkah-langkah nya dibawah ini:


Tutorial Lengkap Cara Membuat Komentar FB di Blog
  • 1. Kamu harus membuat ID Aplikasi Facebook. Silahkan masuk kesini: "https://developers.facebook.com/apps"

  • 2. Klik tombol +Create New App, lalu isi kolom kosong sesuai gambar dibawah (App Name terserah kamu mau dibuat apa, yang penting Valid). Lalu klik Lanjutkan
    membuat komentar facebook diblog

  • 3. Setelah itu, kamu akan menemukan nomor APP ID kamu. Catat dan simpan nomor tersebut.
    membuat komentar facebook diblog

  • 4. Lalu, scroll kebawah temukan tulisan Website with Facebook Login, lalu kamu akan diminta memasukkan url website/blog. Isi kolom kosong tersebut dengan url website/blog kamu dan akhiri urlnya dengan tanda " / ". Contoh: http:/janifitri.blogspot.com/. Jika sudah, klik tombol Simpan Perubahan.
    membuat komentar facebook diblog

    Cara memasang kotak komentar facebook di blog
    • 1. Login ke akun Blogger kamu, lalu masuk ke Template > Edit HTML > Centang "Expand Template Widget". Jangan lupa backup template kamu agar jika terjadi kesalahan pada tutorial ini, template kamu tidak kenapa-kenapa.

    • 2. Cari kode <head>, lalu masukkan kode dibawah ini diatasnya.
      xmlns:fb='http://www.facebook.com/2008/fbml'
      akan menjadi
      <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
    • 3. Cari kode </head>, lalu masukkan kode berikut diatasnya.
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <meta expr:content='data:blog.pageTitle' property='og:title'/>
      <meta expr:content='data:blog.url' property='og:url'/>
      <b:else/>
      <meta expr:content='data:blog.title' property='og:title'/>
      <meta expr:content='data:blog.homepageUrl' property='og:url'/>
      </b:if>
      <meta content='NAMA BLOG ANDA' property='og:site_name'/>
      <meta content='App ID' property='fb:app_id'/>
      <meta content='ID Profil Anda' property='fb:admins'/>
      <meta content='article' property='og:type'/>
      akan menjadi
      KODE...........
      ......................
      ..................
      </head>
      Keterangan:
      Ganti:
      -NAMA BLOG ANDA= Dengan nama blog kamu
      -APP ID= Dengan APP ID yang kamu simpan tadi
      -ID profil= Dengan ID Profil facebook kamu
    • 4. Untuk mengetahui ID profil facebook, ikuti langkah berikut:
      - Buka alamat ini: "https://graph.facebook.com/username"
      - Ganti username dengan nama profil kamu
      - Lalu copy bagian ID

    • 5. Selanjutnya, cari kode </head>, lalu taruh kode berikut dibawahnya
    • 6. Lalu cari lagi kode <data:post.body/>, letakkan kode berikut dibawahnya.
      <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='fb-comments' data-num-posts='2' data-width='450' expr:data-href='data:post.url'/></b:if>
      - 450 sesuaikan lebarnya dengan keinginan kamu
      - Untuk peletakkan kotak komentar FB, bisa juga ditaruh diantara kode ini:

      <div class='post-footer-line post-footer-line-3'/>
      ....................................
      </div>

    • 7. Setelah semua dirasa benar dan yakin, save template dan lihat hasilnya pada bagian posting.

    Nah, itulah langkah-langkah tutorial lengkap Cara Membuat Kotak Komentar Facebook di Blog, semoga dapat bermanfaat. TERIMAKASIH!