Memasang Gadget Fans Page memakan tempat. bagaimana cara membuat Gadget Fans Page tersembunyi.
//<!--
$(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/pages/Your-Belajar-Blog/395122827241045?ref=hl%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>
Berikut Caranya:
- Masuk ke Blogger anda.
- Klik Menu Tata Letak, Add Gadget HTML.
- Paste Kode Script ini:
//<!--
$(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/pages/Your-Belajar-Blog/395122827241045?ref=hl%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>
- Klik Simpan.
Ganti Tulisan berwarna Merah dengan Halaman anda. atau Jika anda sudah mempunyai Fans Page silahkan Ganti Tulisan berwarna Biru dengan Kode Fans Page anda.
Selamat Mencoba,
Salam Sukses.
Your-BelajarBLOG
Catatan:
Bck• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]
Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar