Monday, April 25, 2011

Cara Membuat Kotak Komentar Facebook di Blogger

Cara Membuat Kotak Komentar Facebook di Blogger - 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/AVvXsEi749DmXDE-4yZX7q3V9V_V0lgD_xWM_X_Pg1FIYKvonCwSmNoEm6y9nEht7q6YOBNi2iMwKqHLlPggCeFy3Pj4h-CjWG7nQKgwF4c_q8ItLR-wJrEv4YGjkN9A7yde6Qh6DkFJksMQl4Q/'/></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://bos-sulap.blogspot.com/2010/10/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/AVvXsEi749DmXDE-4yZX7q3V9V_V0lgD_xWM_X_Pg1FIYKvonCwSmNoEm6y9nEht7q6YOBNi2iMwKqHLlPggCeFy3Pj4h-CjWG7nQKgwF4c_q8ItLR-wJrEv4YGjkN9A7yde6Qh6DkFJksMQl4Q/'/></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>

No comments: