Monday, December 19, 2011

Cara Pasang Kotak Komentar Facebook di Blogspot - Tutorial

Incoming Terms : Cara Membuat Kotak Komentar Facebook Di Blog | Cara Memasang Kotak Komentar Facebook di Blog | Cara Mudah Pasang Kotak Komentar Facebook Pada Blogger |
yah itulah Materi Kita selanjutnya, Sebenarnya mudah saja untuk membuat kotak komentar facebook dan meletakkannya di blog.Kotak komentar facebook banyak sekali manfaatnya loh. Setiap orang yang komen di situ, otomatis masuk ke status profil FB nya. Keren kan, itung-itung sama saja share ke facebook. Nah, permasalahannya, gimana cara bikinnya. SO Standby !


kotak komentar facebook
Contoh kotak komentar facebook pada blog
Kurang lengkap rasanya jika mengikuti tutorial ini tanpa baca
  1. Cara Membuat Halaman Like Facebook
Langung ke tutorial " Cara membuat kotak komentar facebook pada blogspot "
  • Pertama, harus login ke akun facebook dulu
  • Lalu, buka web ini http://www.facebook.com/developers/createapp.php
kotak komentar facebook
Beri nama kotak komentarmu, centang setuju
dan "Buat aplikasi bari"
kotak komentar facebook
verifikasi kata, dan "Submit"

kotak komentar facebook
Klik pada " Web site " lalu ketikkan alamat blog ,
klik perbesar gambar agar lebih jelas

kotak komentar facebook
Catet, ID Aplikasi, dan Email
  • Nah, sekarang langkah di blognya
  • Masuk ke blogger
  • pilih Design / Rancangan
  • Pilih Edit HTML
  • Download template full dan Expand Widget template, untuk menghindari kemungkinan gagal
  • Setelah itu, cari kode <body>, dan letakkan kode berikut tepat di bawah kode <body> (Gunakan Ctrl + F untuk mencari kode)
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39; ID APLIKASI 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>;
  • Keterangan , ganti ID APLIKASI dengan Id Aplikasi yang barusan
  • Selanjutnya, cari kode </body> (Gunakan Ctrl + F lagi, biasanya kode ini terletak paling bawah)
  • Setelah ketemu, letakkan kode berikut tepat di bawah kode </body> tadi
<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='ID APLIKASI ANDA' property='fb:app_id'/>
<meta content='ALAMAT EMAIL APLIKASI' property='fb:admins'/>
<meta content='article' property='og:type'/>
  • Keterangan, ganti kode yang warna merah sesuai keterangan
  • Cari lagi kode <data:post.body/>
  • Jika sudah ketemu, masukkan kode berikut ini tepat di bawah kode <data:post.body/> tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'><br/> <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%;'></div></b:if>
  • Simpan / save template
source : prasutan 
sekian dulu sobat, allshare zone memberikan update untuk anda, mw pergi sekulah dulu nih,, hehehe  semoga artikel tips dan trik blogspot tentang Cara Membuat Kotak Komentar Facebook Di Blog bermanfaat buat sobat semuanya ^_^