Kotak Komentar Facebook |
Pasang Kotak Komentar Facebook di blogger
So Silahkan Ikuti Langkah-langkah berikut ini :
Ini Scriptnya
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
Cara Memasang Tombol Like Facebook di Blog >>
Cara Memasang Tombol Like Facebook di Blog, jumpa lagi dengan postingan infonetmu lagi di cara memasang tombol like facebook di blog, tombol like facebook atau tombol suka di facebook dapat kita pasang di blog kita untuk menunjukkan like atas postingan kita.
Sama halnya dengan status pada facebook maka tombol like facebook diperlukan untuk mengukur tingkat antosiasme pembaca atas tulisanmu. nah jika kamu ingin membuat tombol facebook dipasang pada blog kamu ikuti tutorial singkat INFONETMU kali ini!
Tutorial cara memasang tombol like facebook di blog sebagai berikut:
dan kode light dengan kode dark, sesuaikan dengan blog kamu. nah mudah kan?
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"'>Silahkan Ganti ID-Aplikasi dengan ID-APlikasi anda
<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/AVvXsEgNDQVnAJfQ370kD_gt8sW2EWrW-lL5KVKdK6xuIpa0Mx5RrxIfq1pvQNqB7O_CCPWiIBko555rCtNFJdULn7gH5smlr04I5bMdoZMhBnYKb3oS1MXcRRIu86Wsi-4TpQfXKwHZFgutSkg/'/></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>
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 == "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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDQVnAJfQ370kD_gt8sW2EWrW-lL5KVKdK6xuIpa0Mx5RrxIfq1pvQNqB7O_CCPWiIBko555rCtNFJdULn7gH5smlr04I5bMdoZMhBnYKb3oS1MXcRRIu86Wsi-4TpQfXKwHZFgutSkg/'/></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>
Cara Memasang Tombol Like Facebook di Blog
Sama halnya dengan status pada facebook maka tombol like facebook diperlukan untuk mengukur tingkat antosiasme pembaca atas tulisanmu. nah jika kamu ingin membuat tombol facebook dipasang pada blog kamu ikuti tutorial singkat INFONETMU kali ini!
Tutorial cara memasang tombol like facebook di blog sebagai berikut:
- Login ke blogger kamu, buka Dashboard - Design - Edit HTML
- Download Full Template --> untuk berjaga-jaga jika ada kesalahan
- Centang Expand Widget Templates
- Copy code dibawah ini
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>
- Letakkan kode diatas ditempat yang kamu inginkan. misal dibawah postingan kamu cari kode <data:post.body/> dan letakkan kode no 4 tepat dibawah kode <data:post.body/>
- Simpan template kamu.
dan kode light dengan kode dark, sesuaikan dengan blog kamu. nah mudah kan?