Asrizal Wahdan Wilsa

Written By Master on Senin, 18 Oktober 2010 | 07.27

Asrizal Wahdan Wilsa

Pasang Kotak Komentar Facebook di Blogger

Posted: 18 Oct 2010 05:24 AM PDT

Pasang Kotak Komentar Facebook di Blogger adalah sesuatu yang baru yang pada postingan kali ini akan saya bahas. blogger zaman dulu, ketika tidak memiliki form komentar dibawah posting, sehingga memutar para blogger untuk modifikasi sendiri bagaimana cara memasang kotak komentar dibawah postingan blogspot. sampai-sampai ada lagi inovasi baru untuk memperindah tampilan kotak komentar yaitu dengan baca : cara mengubah lebar kotak komentar dan baca : pasang emotion smile diatas kotak komentar blogspot.
Demo kotak komentar facebook di blog klik disini ( buka salah satu posting untuk melihat tampilan komentar facebook tersebut )
Bagaimana cara membuat/pasang kotak komentar facebook di blogger? mari kita simak tutorialnya.
  • Login ke account blog milik sobat
  • Klik pengaturan lalu klik komentar
  • Klik Hide lalu klik simpan
  • Klik design
  • Klik edit html dan expand widget template
  • Cari kode dibawah ini :
<data:post.body/> atau <div class='post-header-line-1'/>
Jika menggunakan readmore pasti kode <data:post.body/>  ada  dua, maka letakkan kode dibawah ini sesudah kode <data:post.body/> yang kedua
Copy kode dibawah ini dibawah/setelah kode <data:post.body/> :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><a href='http://asrizalwahdanwilsa.blogspot.com/2010/10/pasang-kotak-komentar-facebook.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghsk1kQJow9RJqtJyeHP86yRd0KcCA0dVmGJfJW7aVvnlHUhjTEvzOa-cTpuxdbfmfVbllivOu3OYA4RQa0ZwcLx-AIlDZJ5HRnnhixK1F8y8z2Yg_TKtNWBeTcFurMMwDPpJRPLMQ204/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;149973631711831&#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>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://asrizalwahdanwilsa.blogspot.com/2010/10/pasang-kotak-komentar-facebook.html' target='_blank' title='Facebook Comment On Your Blog'>Click Me To Add Facebook Comments On Your Blog </a></b></div>
  • Simpan hasil kerja sobat semua dan lihat hasilnya.

-----Semoga bermanfaat-----