Menyembunyikan Buku Tamu di Pojok

Buku Tamu bisa disematkan atau disembunyikan di samping blog kamu. Contohnya seperti Widget Buku Tamu milikku yang ada disamping blogku ini. Cara buatnya mudah bangedh, ayooo dicoba

1. Log in dulu ke blog kamu

2. Pilih Design - Page Elements

3. Klik Add a Gadget , kemudian pilih HTML/ Javascript

4. Setelah itu Copy script yang ada di bawah 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/AVvXsEhAI-xUcAh004yGbq9Jmto88cLOAgJp6CoekBLSKrpP9vpvKYbLCdWa6rwDpiHM2FtYfFfcTs5bf9Bt52d0fXiU0NZxMXVEWOOmfAs3FCaHrdN_q8PcfHwqoGSyA8v68KV3b4cHB0hErVn_/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#000000;
padding:1px;
}
</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">
TULIS KODE HTML BUKU TAMU Di SINI !!!!
<div style="text-align:right">
<a href="">
</a><a href="javascript:showHideGB()">[CLOSE]</a>
</div>

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Semoga Berhasil yaaaa