» » » » Cara Membuat Kotak Komentar Facebook terbaru

Cara Membuat Kotak Komentar Facebook terbaru

Facebook adalah sebuah social network yang luar biasa digemari oleh dunia. Jaringan sosial yang mampu membuat kita berinteraksi di dunia maya dengan teman lama atau baru kita. Semakin hari Facebook mengoptimalisasikan websitenya supaya tetap berada paling depan diantara situs lainnya. Dengan aplikasi-aplikasi yang di buat Facebook kita bisa terhubung dimana saja dan kapan saja, tidak lain halnya dengan blog. Facebook bisa ke blog.

Contoh saja saya ,,mau sharing ke teman-teman semua untuk cara pemasangan kotak komentar facebook di blog, ini di untukkan kepada teman-teman yang membuka dari facebook namun tidak mempunyai blog, mereka bisa ikut berkomentar dengan akun facebook mereka. Sangat Menarik,.bukan.^^.

Yang tertarik silahkan ikuti langkah berikut :

Langkah-langkah 1.
  1. Pertama login ke akun blogger anda.
  2. Kemudian buka facebook anda, login terlebih dahulu, lalu masuk ke aplikasi facebook developers .
  3. Kemudian buat nama aplikasi terlebih dahulu , klik tombol " Buat Aplikasi baru (create new aplication)"
Contoh :  
  • Setelah itu teman-teman akan masuk kedalam menu pengaturan aplikasi , masuk ke menu terhubung (connect) ,lalu masukkan url blog anda semisal blog saya adalah http://anggavoith.blogspot.com,masukkan pada akhiran blog dengan tanda / jadi nantinya adalah http://anggavoith.blogspot.com/  
  • Setelah itu kembali ke menu dasar (Basic) untuk melihat ID Aplikasi (ID Aplication). Simpan dahulu ID Aplikasi anda.
  • Simpan/Save.
    • Langkah 2.
    1. Masuk blog anda. Design. Edit HTML, Expand Template Widged
    2. cari kode <body> Setelah ketemu tambahkan kode ini dibawahnya :
    3. <div id='fb-root'/>
      <script>
      window.fbAsyncInit=function(){
      FB.init({
      appId : &#39; APP-ID teman-teman &#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>
    4. Kemudian cari kode <b:skin><![CDATA[/* dan kopy kode dibawah, berada diatasnya.
    5. <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='URL blog teman-teman' property='og:site_name'/>
      <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
      <meta content='APP-ID teman-teman' property='fb:app_id'/>
      <meta content='Profile-ID-Facebook teman-teman' property='fb:admins'/>
      <meta content='article' property='og:type'/>
    6. Cari lagi ( control F ) <data:post.body/> jika yang ditemukan ada dua silahkan masukkan dibawah kode yang kedua. Kopy kode dibawah ini tepat dibawahnya.
    7. <b:if cond='data:blog.pageType == &quot;item&quot;'><br/> <p align='left'><a href=http://anggavoith.blogspot.com'target='new'><img border='0'/></a></p><div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='450'/></div><div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href=http://anggavoith.blogspot.com' target='_blank' </a></b></div></b:if><br/>
    8. Save Template. Dan Selesai. Mungkin butuh waktu untuk koneksi facebooknya,,jadi harap bersabar.
    9. NB : Untuk kata yang berwarna HIJAU silahkan ganti dengan URL Blog, APP ID dan Profil ID Facebook anda.
    Sekian dari saya. Semoga bermanfaat ^_^.

    Related Posts :

    1 Response to "Cara Membuat Kotak Komentar Facebook terbaru"

    1. 1jt Baclink Gratis For BloggerJanuary 20, 2013 at 1:34 PM

      Terima kasih artikelnya manfaat..
      Oh ya Gan saya ada tips cara dapat 1 juta lebih baclink, kalo agan berminat bisa agan lihat di

      Tips mendapat 1juta Baclink Gratis untuk Blogger

      trims, ditunggu kunjungannya.

      ReplyDelete

    Subscribe to: Post Comments (Atom)