Membuat Buku Tamu Tersembunyi

Ada sobat saya yang merequest buku tamu seperti yang saya pake.
Langsung saya ya sob dari pada memperpanjang cerita, copy paste kode berikut di gadget HTML baru , terserah mau diletakkan dimana...

<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://lh3.googleusercontent.com/_A52lkTYsWEU/TdyiztsMayI/AAAAAAAAAhA/88S-DHfnsWA/345o85i.gif') no-repeat;

}

.gbcontent{

float:left;

border:3px solid #00FF00;

background:#1e1e1e;

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 Buku Tamu Sobat -->

<br/>

Terima Kasih atas kunjungannya...<br/>

<a href="http://www.b-metal666.blogspot.com">

Thank You for Visiting...

</a>

<div style="text-align:right">

<a href="javascript:showHideGB()">

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

NB : 

kode

<br/>

Terima Kasih atas kunjungannya...<br/>

<a href="http://www.b-metal666.blogspot.com/">

Thank You for Visiting...

</a>

diganti sesuai selera, kalau tidak dipake pun tidak apa-apa....