Selasa, 08 Mei 2012

cara menyembunyikan buku tamu

hai sob,,,, nih akuh kaseh tau caranya menyembunyikan buku tamu milik mu sobat !,,,
 langsunga aja ya sobat,,, ... pertama tama sobat harus login akun blogger sobat trus  pergie ke rancangan >> Elemen Halaman >> tambah Gadget (HTML/JavaScript).


lau coppy pastekan code HTML/JAvascript dibawah nie....!

   <style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat; } .gbcontent { float:left; border:1px solid #BB0000; -moz-border-radius-bottomleft:10px; -webkit-border-radius-bottomleft:10px; -o-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghztbH4xfwpoger1WOJ8PDgY9UnXEoFJnlTWywfvUor_Gy4zN8e5kAmDcw6j5t3eJqBx2hHz6P51bIDUnd_w7ElWTWjZto80DVyDPMZoQJO9k4J1L1zqBLpNH1jCzqn0TZZgn6cThz3G0N/s1600/api.gif) no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div onmouseover="showHideGB()" class="gbtab"> </div> <div class="gbcontent"> <center>
 



tempelkan code cbox sobat

<div style="text-align:center"> <a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox"> <center><hr /><img src="" /><hr /></center> </a> </div>  <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script></center></div></div>


Stelah udah ,,, langkah terakhir tinggal sobat simpan deh..... & liat hasilnya...!...

Tidak ada komentar:

Posting Komentar