Pasang Kotak Komentar Facebook di blogger ~ Tukang'copas

Senin, 25 Juli 2011

Pasang Kotak Komentar Facebook di blogger

Kotak Komentar Facebook

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 blogspot

Part1.
Lalu membuat lagi Panduan cara Kedua yang paling mudah baca disini PART 2, 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 == "item"'>
<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='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'ID-Aplikasi', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').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
Copas

<b:if cond='data:blog.pageType == "item"'>
<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='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></a></p>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '136575963025211', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
Selamat Kotak Komentar Anda sudah Jadi, Jka ada Maslah jangan segan-segan Komentar