Blogger ONECU

Blogger ONECU


Cara Membuat Kotak Komentar Facebook

Posted: 15 Jun 2011 08:54 PM PDT

Pasang Kotak Komentar Facebook di blogger
Akhirnya setelah menampung berbagai keluhan dari sobat blogger yang tidak bisa pasang di blog masing2 dan mengalami masalah karena dibilang Agak rumit dengan Cara Pertama Yakni Cara pasang kotak komentar Facebook di bawah
namun masalahnya yakni setiap komentar dari pengunjung akan terlihat pada semua Posting jadi pemilik blog akan kebingungan Artikel mana yang yang dikomentari.
Akhirnya setelah beberapa kali otak atik Cara terakhir inilah yang menurut saya bisa di aplikasikan siapa saja dengan mudah.
So 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://daenkblog.blogspot.com
Menjadi : http://daenkblog.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://www.kumpulancara.com/2010/08/pasang-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ixIU4JHSJ3tMJy107FKeQI5wHEfJqNMqs0-sbIpohledANskv312FtysRn9FQKbp27TSxyMzu1MupFiZlUj0vj2ea0gRk8sGq5jRZC_yfkqQ0MmSJnYDGRQdUEKeQJMPJxD2v7eZoic/'/></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://www.kumpulancara.com/2010/08/pasang-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ixIU4JHSJ3tMJy107FKeQI5wHEfJqNMqs0-sbIpohledANskv312FtysRn9FQKbp27TSxyMzu1MupFiZlUj0vj2ea0gRk8sGq5jRZC_yfkqQ0MmSJnYDGRQdUEKeQJMPJxD2v7eZoic/'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;136575963025211&#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>

MODIFIKASI DIBAGIAN KOTAK KOMENTAR
  1. Cara Memberi Baground kotak komentar
  2. Cara Membuat Tempat Komentar
  3. Cara Membuat Emoticon Kucing Imut
  4. Cara Membuat Emoticon Versi Kaskus
  5. Cara Membuat Emoticon Versi Terbaru
  6. Cara Memperluas Kotak Komentar