Rabu, 07 Desember 2011

Menambah Facebook Komentar pada Website/WebBlog

Berikut langkah-langkah untuk membuat/menambah Facebook Komentar pada Website/WebBlog :
1. Silahkan ke
http://developers.facebook.com/setup terlebih dahulu untuk membuat applikasinya.
2. Jika Anda sudah sukses masuk ke halaman create an App silahkan Anda isi nama apps dan URL blog Anda. Dalam menulis alamat blog silahkan tambahkan garis miring / di belakang alamat blog (misal: sensasiproductions.com). Setelah itu silahkan klik Create App.
3. Isikan Captcha sesuai yang tertera. Lalu klik Submit.
4. Jika sukses, maka Anda akan mendapatkan App Id  dan App Secret
5. Langkah terakhir adalah dengan memasukkan kode berikut ini ke dalam template Anda (dashboard -> rancangan -> Edit HTML). Jangan lupa centang Expand template Widget. Masukkan di bawah kode <data:post.body/> Jika ada beberapa kode yang sama karena penggunaan readmore, maka cobalah letakkan setelah kode <data:post.body/>  kedua.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;APPID&#39;, status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement(&#39;script&#39;); e.async = true;
  e.src = document.location.protocol  +
  &#39;//connect.facebook.net/en_US/all.js&#39;;
  e.async = true;
  document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
  </script>
  <fb:comments/>
  </b:if>

Ganti APPID dengan id aplikasi Anda. Kemudian Simpan template Anda. Anda bisa memilih untuk tetap menampilkan kotak komentar Blogger sehingga ada dua macam kotak komentar di blog Anda, atau bagi Anda yang hanya ingin menggunakan komentar facebook, Anda bisa menghapus kotak komentar blogger dengan cara masuk ke Dashboard -> Pengaturan -> Komentar. Pada bagian Komentar pilihlah Sembunyikan

Tidak ada komentar:

Posting Komentar

Tulis pesan Disini