Cara Membuat Buku Tamu Tersembunyi

Melanjutkan Postingan Saya yang dulu yaitu Cara Memasang Buku Tamu Saya Akan Membuat Buku Tamu Tersembunyi Agar Tidak terlalu Lama Maka Langsung Aja
1. pilih rancangan
2. tambah gadget
3. kemudian copy code dibawah ini
<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/AVvXsEgpQQH_zpaAm_MuKMgFWmJtgD_0DeX2qPt8zvmAY1O61ktFE6z8CvUCN4qLCZFaDYgiTi7g9bi1PZR54xRKn26uMAfhIuG6eE7j70C_zM8_nVyRqm-K9c0RwHHlcsBLauNA6mnrHvEJ2yQc/') 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">


kode html anda atau yang anda simpan di notepad tadi


<br/>
<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>


kemudian simpan dan lihat hasilnya


atau jika anda belum mempunyai shoutmix silahkan pakai yang ini untuk mengganti tulisan yang berwarna biru diatas




<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="blackalive" src="http://www1.shoutmix.com/?blackalive" width="180" height="360" frameborder="0" scrolling="auto">
<a href="http://www1.shoutmix.com/?blackalive">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->

selamat mencoba dan berkreasi