Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blogger / Desain / HTML / Javascript / Tips dan Trik

Cara Menciptakan Komentar Facebook Di Blog

Posting Komentar
Cara Memasang Komentar Facebook di Blogspot, Manfaat memasang kotak komentar facebook selain memudahkan pengunjung untuk sanggup pribadi berkomentar alasannya yaitu biasanya kebanyakan dari pengunjung blog sudah login pada akun facebooknya, kotak komentar facebook menjadi daya tarik untuk menciptakan pengunjung blog semakin betah untuk berkunjung kembali ke blog sobat, Buat yang tertarik untuk memasang kotak komentar facebook pada blog silakan ikuti tutorial dibawah ini!


Cara Membuat Komentar Facebook di Blog
  • Agar tidak bentrok dengan komentar blogger silahkan sembunyikan dulu komentar blogger kamu. Caranya klik pengaturan,lalu klik komentar dan beri centang sembunyikan komentar dan simpan.
  • Buatlah Facebook App ID ( Aplikasi di Facebook ) Login dulu dengan Account Facebook Anda Lalu Silahkan buka web ini http://www.facebook.com/developers/createapp.php
  • Beri nama kotak komentarmu, centang oke dan "Buat aplikasi baru"

  • verifikasi kata, dan "Submit"
  • Catai ID yang kau sanggup dan jangan lupa save url kau disitu.
  • Nah kini tinggal memasukkanya ke blog kamu.
  • Masuk ke blogger
  • pilih Design / Rancangan
  • Pilih Edit HTML
  • Download template full dan Expand Widget template, untuk menghindari kemungkinan gagal
  • Cari instruksi yang menyerupai mirip instruksi dibawah ini,letakkanya paling atas.
<html 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'>
  • Tambahkan dengan instruksi xmlns:fb='http://www.facebook.com/2008/fbml' akhirya terlihat menyerupai instruksi dibawah ini:
<html xmlns:fb='http://www.facebook.com/2008/fbml' 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' >
  • Letakkan instruksi berikut sempurna dibawah instruksi <body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP ID FB KAMU',
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('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
<fb:comments/>
</script>
  • Ganti yang berwarna biru dengan ID aplikasi fb kamu.
  • Cari instruksi <title><data:blog.title/></title> instruksi ini letakknya diatas juga,atau bagi yang memasang meta tag tambahkan dibawah instruksi meta tag blog kamu. letakkan instruksi berikut dibawah instruksi <title><data:blog.title/></title> atau dibawah meta tag.
<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 BLOGMU' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='PROFIL ID FB' property='fb:admins'/>
<meta content='article' property='og:type'/>
  • Ganti keterangan yang berwarna merah sesuai punya kamu.
  • Cari lagi instruksi <data:post.body/> dan letakkan instruksi berikut dibawah instruksi <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'>Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!</p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments colorscheme='dark' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div>
<div style='background-color: #000;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='' width='16'/> <b><a href=' ' target='_blank' title='INFONETMU'>Comments for blogger!</a> brought to you by INFONETMU , Ingin Kotak Komentar menyerupai ini? <a href=' ' target='_blank' title='komentar facebook'> KLIK DISINI!?</a></b></div>
</b:if>
  • Ganti dark dengan warna lain yang kau suka.
  • Dan simpan template kamu.

Nah,demikian tutorial Cara Membuat Komentar Facebook di Blog biar bermanfaat.

Posting Komentar untuk "Cara Menciptakan Komentar Facebook Di Blog"