Hiding view guest book

The way is easy enough to follow the way you live below

1. Log into your Blogger account, select "Layout" then "Page Elements",
2. Click the "Add a Gadget" (which aja okay), then select "HTML / JavaScript",
3. Copy-paste the code below:
<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/AVvXsEhLMjp5D0StRkzHWE_DHSPNfnQauZi2lF8qB1mJAa2Avtccp4kko-TKKxplB1wzCdjUHs4U2fPr1LDhIccMERKj-mEZ4jbmd6H5PxcFsQ81wjVhbvVHVuuPcXUmxQ9Ilju9UF-gJ_npB54v/') 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">
<!-- anda masukan kode html buku tamunya di sini -->
<br/>
Mau tampil seperti ini?<br/>
Click aja disini.....:
<a href="http://sibatman.blogspot.com/">

</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Yang berwarna merah anda ganti dengan kode html shout mix anda dan lihat hasilnya bereskan, oh iya saya sudah tidak pasang cara di atas lagi biasa ganti suasana :)