5 Feb 2011

Cara Menyembunyikan Buku Tamu

Oke, selamat sore para readers..
Kali ini saya akan memberi tips kepada readers semua. Yaitu cara menyembunyikan Buku tamu 

Hmm..saya share postingan ini untuk para newbie seperti saya. Pertamanya, saya liat di Blog temen, eh ada yang buku tamunya "ngumpet" saya googling aja dan akhirnya dapet ilmunya (wuiih). Oke tanpa basa basi lagi..
    * Masuklah ke Blogger.com dengan Akun sobat
    * Layouts (Rancangan)
    * Pilih Add gadget
    * Pilih HtmL/ Java Script
    * Copy Kode dibawah ini kemudian Paste Di Gadget tadi

 Ini Kodenya
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> Letakkan disini  <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

Warna biru   : Bisa diganti dengan background yang lain
Warna hijau  : Isi dengan Kode cBox atau Shoutmix readers

(hasil ada di blog ini)

Simpan dan jangan beri judul..taraa...buku tamu readers sudah sembunyi
Oke cukup sekian, semoga readers terbantu

Tidak ada komentar:

Posting Komentar