..:: Cara Menambah / Membuat Facebook Komentar di Bawah Postingan ::..

Ok sob kini saya akan berbagi cara membuat kotak komentar ala facebook untuk masing-masing tiap postingan. Berbeda dengan kotak testimonial facebook yang di set hanya untuk URL tertentu, kali ini akan menyesuaikan dengan URL postingan di mana ia di buka.ok langsung aja sob anda tinggal mengikuti langkah langkah berikut di bawah ini

Kotak komentar Facebook membantu pengunjung untuk lebih mudah berinteraksi dan berekspresi setelah membaca komentar Anda. Namun, berbeda dengan komentar blogger yang bisa dikendalikan penuh (Baca: Menentukan Waktu Moderasi Komentar), ketika Ada orang yang komentar ke blog Anda dengan Facebook Comment mungkin Anda tidak akan langsung tahu.
1. Silahkan pergi ke http://developers.facebook.com/setup (saat saya membukanya, saya diminta untuk mengkonfirmasi lewat hand phone atau kartu kredit, kemudian saya pilih lewat handphone. Kode konfirmasi baru saya terima selang satu hari.)
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: http://red3vil-666.blogspot.com/). Setelah itu silahkan klik Create App.

                             SITE NAME : DiM4sH ReD3ViL
                             SITE URUL : http://red3vil-666.blogspot.com/
                             LOCALE     : INDONESIA
                           
                                                                CREATE APP 
3. Isikan Captcha sesuai yang tertera. Lalu klik Submit.
4. Jika sukses, maka Anda akan mendapatkan App Id  dan App Secret

                             SETTINGS
                             DiM4sH is now registered with facebook.
                             APP NAME    : DIM4sH ReD3ViL 
                             APP URL        : http:// red3vil-666.blogspot.com 
                             APP ID            : 1234567890
                              APP SECRET : 1234567890
5.selesai langkah pembuatan APP facebook anda
kemudian langkah selanjutnya cari kode < body >

Tambahkan Kode berikut dibawah < body >
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39;APP-ID Anda&#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};

(function() {
var e = document.createElement(&#39;script&#39;);
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>

Ganti APP ID dengan APP ID Aplikasi Facebook yang tadi Anda buat.

langkah selanjutnya Sekarang Cari kode </head>

Letakkan Kode Berikut dibawah  kode </head>
<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='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='APP-ID Anda' property='fb:app_id'/>
<meta content='Profile-ID-Facebook Anda' property='fb:admins'/>
<meta content='article' property='og:type'/>
Dan Langkah terakhir adalah cari kode ini <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 ala facebook, Anda bisa menghapus kotak komentar blogger dengan cara masuk ke Dashboard -> Pengaturan -> Komentar. Pada bagian Komentar pilihlah Sembunyikan........

selesai selamat mencoba sob........................ 

Artikel Terkait:

Comments
0 Comments

{ 0 komentar... Skip ke Kotak Komentar }

Tambahkan Komentar Anda

 
© Copyright 2012. Blogger | Edit Template by Japarus | Last Edited : 988BET Agen Bola Untuk Prediksi Piala Eropa 2012

Link Sahabat Berita Terbaru Hari Ini | Aneka Baca |cyber |FBA |Boim Casano |coyac blogspot |Info ZUS

Dr.5z5 Open Feed Directory | Free Backlink Exchange For Seo | Free Auto Backlink Exchange Service | free search engine submission |My Ping in TotalPing.com | | Ping your blog, website, or RSS feed for Free | | |Free SEO Backlinks |