Senin, 26 Maret 2007

Cara Membuat Kotak Komentar Facebook di Blogger

kali ini blogger kondang ingin membagi tutorial Cara Membuat Kotak Komentar Facebook di Blogger.mungkin sebagian ada yang bisa dan ada yang belum bisa.nah,kusus tutorial ini unutuk yang belum bisa..,jadi yang udah bisa buka artikel lainnya aja ya...!hee...! - 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://bos-sulap.blogspot.com
    Menjadi : http://bos-sulap.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://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU8GslHtOzoe9-MeEFBmYUqcm5qxBD30bZ6m4XNcwi7vjNjjgOiYAGSsXaaHOa0SWyC99VptvQhkfAsMapVnG4ESwHP6YgIHHF1_-CPuNIGRRoT4howrk93gHvogXY3IpXKnZ146OJZQ/'/></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://bloggerkondang.blogspot.com/2007/03/cara-membuat-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://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.htmll' target='new'><img alt='' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilU8GslHtOzoe9-MeEFBmYUqcm5qxBD30bZ6m4XNcwi7vjNjjgOiYAGSsXaaHOa0SWyC99VptvQhkfAsMapVnG4ESwHP6YgIHHF1_-CPuNIGRRoT4howrk93gHvogXY3IpXKnZ146OJZQ/'/></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://bos-sulap.blogspot.com/2010/10/cara-membuat-kotak-komentar-facebook-di.html' target='_blank' title='Facebook Comment'>Facebook Comment , Mau ?</a></b></div>

Selamat Kotak Komentar Anda sudah Jadi, Jka ada Maslah jangan segan-segan Komentar