cara buat buku tamu tersembunyi

masih bingung dengan judul saya.? apa sih buku tamu tersembunyi.? tersembunyi di mana.? kolom jembatankah.? hehe malah enggak karuan, cbox,shoutmix,atau buku tamu yang lainya yang akan kita buat tersembunyi,ada manfaat dari ini, apa manfaatnya.? dapat menghemat ruang blog anda, dari pada lama ini saya kasih gambarnya : 

1. masuk pada akun blog anda

2. copas code di bawah ini :

<style type="text/css">

#at{
position:fixed;
left:-160px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:300px;
width:180px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #D5FF8C;
background:#FFF1DB repeat-y center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="#000000 no-repeat;">

KODE SHOUTMIX ANDA

</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i940.photobucket.com/albums/ad244/Adit-tech/klik.gif" alt="close" title="Click here to Close Cbox" /></a></div>
</div>


<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

<a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://i940.photobucket.com/albums/ad244/Adit-tech/tabscopwy.png" alt="WEARCREAF"
title="Click here to open Guest Book" style="display:scroll;position: fixed; top:65px;right:0px; height="120px" width="38px" /></a></div>

<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>

</span>
</span>
<div class='clear'></div>

<p></p>
<div id='rsidebar-wrapper'>
<div style='height:10px;clear:both;'></div>
<div class='sidebar section' id='sidebarright'></div>
<p></p></div><br />

3. ganti KODE SHOUTMIX ANDA dengan kode cbox atau shoutmix anda

4. sudah anda copy.? jika sudah pilih layout-tambah gadget (add gadget)

5. pilih atau (+) HTML/javascript pastekan kode tadi, lalu simpan

buku tamu anda sudah jadi. mudah bukan.? atau masih bingung dengan penjelasan saya.? silahkan lihat di sumber aslinya semoga membantu.