Cara Menyembunyikan Buku Tamu di Blog

Postingan ini adalah kelanjutan dari cara membuat buku tamu disini. Supaya tidak terlalu makan banyak tempat, maka sebaiknya buku tamu disembunyikan saja hehe.. 
Nah, gimana caranya tuh? Simak langkah-langkahnya berikut ini : 

1. Copy kode script berikut ini : Buka dulu → Ctrl+C
Kode Script:
<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7GnsQR0ktsIn1Xv4gdFlvwO9zuo8SVtabZI1CVtEB5cWVr_-b1uYLID6vYp4xhW-XF8lKLA6uWvFnDmSJ9ZHfifKunoL6_W5YEFYd7ounysH5-0QtDFz2PWfjPNJuLZcXsJQ9t0CrfOA/') no-repeat}.gbcontent{float:left;border:2px solid #666;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"> MASUKKAN KODE CBOX DISINI </div></div><script type="text/javascript"> var gb=document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>
2. Ganti kata “MASUKKAN KODE CBOX DISINI” dengan kode script di atas, caranya paste kode tsb (tekan Ctrl+V
3. Log in ke www.blogger.com seperti biasa 
4. Klik TATA LETAK 
5. Klik Tambah Gadget 
6. Klik HTML/ Java Script→Paste (Ctrl+V) kode cbox Anda tadi ke dalam kotak tsb→ SIMPAN 
7. Lihat Blog Anda 

Kini buku tamu Anda tersembunyi dengan rapi. Untuk membukanya klik saja tulisan SHOUTBOX yang melayang di tepi blog Anda. Selamat mencoba ^_^

0 comments:

Post a Comment