Tips Trick dan Cara Pasang Kotak Komentar Facebook di Blogger

Silahkan Ikuti Langkah-langkah berikut ini : Silahkan Buat Aplikasi Anda disini : Facebook developer page Agar Alamat Blog Sobat di t...

Silahkan Ikuti Langkah-langkah berikut ini :

• Silahkan Buat Aplikasi Anda disini : Facebook developer page
  
  
  
  
  
  Agar Alamat Blog Sobat di terima Jangan Lupa Tambahkan Backslash " / " di belakang Ulr.
  Contoh  : http://hanyayanggratis.blogspot.com
  Menjadi : http://hanyayanggratis.blogspot.com/
  Ambil ID Aplikasi Copy dulu di Notepad
  
  
  
• Sekarang LoginLah ke Account Blogger sobat
  Silahkan Menuju Layout ( Rancangan )> Edit HTML dan check Expand Widget Templates. Cari code berikut:
  <data:post.body/> atau <div class=’post-header-line-1′/>
  dan paste code berikut dibawahnya :
  Jika Pernah pasang readmore maka letakkan dibawah <data:post.body/> kedua

Ini Scriptnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://hanyayanggratis.blogspot.com/2011/04/tips-trick-dan-cara-pasang-kotak_28.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu8QMUsrRr1gbYiLx_cMtxsyiSOH6VftO5hFAjQJjEBjZkev4sVYLvsmjt2HLhxA9EFZSZWdvEIcT7WRSmTYjJN6DSVQZFedWOwhK0GfpQheB4i3gYWzj_f5ZE9OnLQRfKTHUgTvtUN-c/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;ID-Aplikasi&#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>

Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda

Jika Tidak Mau Pusing Bikin APlikasi Silahkan Copas Code Berikut dan tinggal di pasang sesuai Arahan Diatas:

Script Jadi dan Tinggal Pasang tanpa Buat APlikasi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://hanyayanggratis.blogspot.com/2011/04/tips-trick-dan-cara-pasang-kotak_28.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu8QMUsrRr1gbYiLx_cMtxsyiSOH6VftO5hFAjQJjEBjZkev4sVYLvsmjt2HLhxA9EFZSZWdvEIcT7WRSmTYjJN6DSVQZFedWOwhK0GfpQheB4i3gYWzj_f5ZE9OnLQRfKTHUgTvtUN-c/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;150952541638610&#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>

Cara Merubah Lebar Kotak Komentar Facebook:

Letakkan Kode Berikut dibawahnya
Jika Punya dua <data:post.body/>  karena sudah pasang Readmore Silahkan Letakkan di bawah <data:post.body/> yang kedua

<b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://hanyayanggratis.blogspot.com/" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixQf-DQccMRlI1TWre4AEceKWLK-kMczh-f6TIfNVhcsaTcfiL3ebwvzdsjmB75M2XzplmD5AemXJKhUkPVfUnbXjNPs9Pr4EwTNbrCJ6owUaSJs_Dr2Mzf8a26niyjvyuF6UESy0to5s/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div></b:if><br />

Note: Untuk Merubah Lebar Silahkan Ganti Angka 450 sesuai Template Masing2

sumber: kumpulancara