Rabu, 10 Maret 2010

Pasang Kotak Komentar Facebook di blogger | Part 3


Kumpulan cara Seo Hack Blog Facebook
Kotak Komentar Facebook
Pasang Kotak Komentar Facebook di blogger | Part 3
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 == &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='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></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>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://www.kumpulancara.com/2010/08/pasang-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>
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='http://lh3.ggpht.com/_M1pYMGMUxt0/TGmv1KcNNBI/AAAAAAAACu0/8WlVlSkCPI0/CommentsFB.png'/></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>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'><b> by <a href='http://www.kumpulancara.com/2010/08/pasang-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>
       Selesai

Tidak ada komentar:

Posting Komentar