ARTIKEL TERKAIT:
Tutorial Blogger
- Membuat Artikel Terkait (Related Posts)
- Mengganti Background Blog dengan Gambar
- Membuat Keyword Smart Link di Artikel Blogger
- menampilkan foto google plus di kotak komentar
- Membuat Menu Navigasi Horizontal Melayang Dengan CSS
- Membuat Menu Navigasi Slide Out
- membuat kotak komentar facebook berdampingan dengan kotak komentar blogger
- Membuat Widget melayang atau sliding widget
- Cara buat tab menu atau multi tab
- Cara Membuat Blog hanya menampilkan judul postingan saja
- Cara membuat tabel kode warna sendiri di Blog
- Mengganti Nama Author Menjadi Signature
- Cara Pasang Read More Otomatis di Blog
- Mengganti icon blog bawaan Blogger
- Cara Membuat klik 1 Link menjadi 2 halaman
- membuat floating bar berlangganan artikel di Blog
- Membuat Fitur Slideshow di Home Blogger
- Cara buat gallery dengan efek hover zooming
- Compress CSS untuk mempercepat Loading Page blog anda
- Mengatur Jadwal Posting
- meletakkan Judul Post di Bagian Awal Judul
- Menambahkan gambar disamping judul post
- Membuat Buku tamu menggantung (Floating Bar)
- menyertakan link backlink dibawah artikel
- Cara Memasang Flash Di Blog
untuk memasang widget like facebook tersembunyi (buka-tutup) langkah-langkahnya ikuti seperti ini:
1. masuk blogger''
2..rancangan/ design
3. elemen laman
4. add gadget
5. pilih HTML/java script
masukin script di bawah ini :
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>
<div class="w2bslikebox">
<div>
<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/perpustakaanku.kumpulsuka/%0A&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=250" style="background: #fff; border: medium none; height: 250px; overflow: hidden; width: 245px;"></iframe></div>
</div>
</div>
http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png boleh di ganti dengan url gambar yang kamu ingin kan, bisa dicari di google gambar yang ingin ingin kamu pasang lalu copy URL gambar tersebut buat mengganti URL seperti di atas. atau gambar bisa membuat sendiri kemudian di upload di photobucket, lalu ambil URL gambar tersebut buat mengganti URL seperti di atas
ganti http://www.facebook.com/perpustakaanku.kumpulsuka alamat fans page blog kamu.
selamat mencoba,
