Hari ini saya merasa sangat bahagia banget karena dapat menyuguhkan tutorial tentang Cara Pasang Facebook Like Badge pada sobat blogger. Mungkin sobat blogger jarang mendengar istilah Facebook Like Badge, karena di beberapa blog yang tenar itu adalah Facebook Like Button, Tapi menurut saya pribadi jauh lebih bagus memasang Facebook Like Badge ketimbang Facebook Like Button. Kedua fitur facebook ini sangat berbeda, Facebook Like Badge hanya muncul ketika blog kita di buka dan Facebook Like Button hanya muncul di blog post atau area postingan. Dengan memasang Facebook like Badge pada blog, Blog terlihat indah dan keren.
Cara pasang Facebook Like Badge pada blog :
- Sign In di http://www.blogger.com/
- Klik Menu Rancangan, lalu pilih Edit HTML.
- Kasih tanda Centang pada Expand Widget Template
- Cari kode <body>
- Kalau kode <body> tidak ada, cari kode <body expr:class='"loading" + data:blog.mobileClass'>
- Copy dan Paste kode di bawah ini SETELAH kode tersebut
<!-- KakiNetwork.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Blogger Tutorial Blog'
//]]>
</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakinetwork.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/unwanted86/javascript/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='https://sites.google.com/site/unwanted86/javascript/kakinetwork.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 15,
wait: 0,
url: 'http://www.facebook.com/BloggerTutorialBlog',
closeable: true,
});
});
//]]>
</script>
<div id='fbtpdiv'/>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->
- Klik Save
Tambahan :
- Ganti tulisan "Blogger Tutorial Blog" dengan nama facebook sobat blogger
- Ganti http://www.facebook.com/BloggerTutorialBlog dengan URL Facebook sobat blogger
- Ganti angka 15 dengan waktu yang sobat blogger inginkan
Baca tutorial menarik lainnya di bawah ini :
Tips Trik Blog
- Membuat Teks Link Berkedap Kedip
- Cara Buat Tombol Hide and Show (Spoiler)
- Cara Membuat Salam Pembuka Blog
- Membuat Gambar di setiap Artikel Secara Otomatis SEO
- Membuat Judul Blog Berada di Tengah
- Cara Buat Tulisan Berjalan / Effect Marquee di Blog
- Cara Menyembunyikan Navbar Blog
- Cara Menampilkan Judul Artikel Saja di Home Page Blog
- Cara Menambahkan Syntax Highlighter pada Blog
- Cara Menghias Cursor Blog
- Blog dan Google Chrome
- Contact Us
- Cara Pasang Alexa Traffic Widget
- All About Anchor Text
- Cara Buat Navbar Auto Hide
- Cara Pasang Yahoo Emoticon di Blog
- Ayo Tukar Link!!!
- Cara Backup atau Download Template Blog Sendiri
- Cara Menambahkan Link Blog kita pada Widget Attribution
- Menghilangkan Bayang atau Border Pada Gambar Blog
- Cara Membuat Widget Berjalan atau Bergerak
- Cara Menyembunyikan Widget Attribution Power By Blogger
- Menyembunyikan / Menghilangkan Posted by, Share Button (Tombol Berbagi) dan Labels di Home Page
- Cara Buat Related Post atau Artikel Terkait
Widget Blog
- Recent Post Widget No Thumbnail
- Membuat Google Translate Bendera Berbayang
- Cara Membuat Salam Pembuka Blog
- Cara Buat Tulisan Berjalan / Effect Marquee di Blog
- Membuat Google Translate Sederhana Untuk Blog
- Kelopak Bunga Berguguran pada Blog
- Cara Memasang Burung Twitter Terbang
- Cara Buat Widget Berlangganan FeedBurner
- Menghitung Jumlah Kata/Karakter Teks
- Cara Membuat Recent Post Animasi
- Cara Buat Daftar Isi
- Cara Pasang Alexa Traffic Widget
- Menghubungkan Blog Dengan Halaman Google +
- Membuat Google Translate Pin Bendera
- Social Bookmarking Widget Yang Keren dan Terbaru
- Cara Membuat Related Post / Artikel Berada di Sidebar
- Siapa dan Dari Mana Pengunjung Blog sobat?
- Cara Buat Search Box atau Kotak Pencarian di Blog
- Cara Memasang Floating Spoiler Menu di Blog
- Cara Memasang Hewan Piaraan di Blog
- Cara Memasang Widget Kalkulator Cinta di Blog
- Widget Follower Jejaring Sosial Keren
- Cara Pasang Widget Al-Qur'an pada Blog
- Membuat Google Translate Bendera Bergerak
kok gk bisa ya??
ReplyDeleteinformasi yg kreatif. Makasih
ReplyDeleteBaik blog personal maupun blog untuk usaha sangat penting memasang badge fb like
ReplyDeletetrims atas tutorialnya
makasi informasinya
ReplyDeletetak berapa faham lah ... :(
ReplyDeleteijin copas gan
ReplyDeletekok loading.na lama gan ..
ReplyDeletebagaimana cara memasukan feed back mas bro ???
ReplyDeleteah mau coba dulu gan
ReplyDeletemantap gan tutorialnya..... Agan2 blogger kunjungi jg blog ane, jelek sih... tapi banyak info manfaat kok!
ReplyDeletehttp://www.tazakkagroup.blogspot.com
Tidak bisa ki broo
ReplyDeletemampir balik ya gan,, ntar ane follow
ReplyDeletegagal
ReplyDeleteMantafflah
ReplyDeletemantap masbroo
ReplyDeleteEdit HTLM itu dimana??
ReplyDeleteRajatoto Tidak Diperlu Ragukan Lagi Untuk Menjadi Agen Togel Online Yaitu :
ReplyDelete►Terpecaya
►Terbaik
►Paling Fair
►Paling Aman
Terimakasih Atas infonya gan
ReplyDeletePinjaman dana Tunai pakai anggunan sertifikat rumah atau sertifikat mobil area jabodetabek klik disini