my family

cara menyembunyikan ShoutBox pada blogspot

Supaya buku tamu pad blog anda tidak memenuhi halaman blog anda ada baiknya buku tamu anda diberikan di dinding kiri blog anda. adapun scrit yang bisa anda gu nakan adalah sebagai berikut:

<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/AVvXsEiFX7SIE8nqYW9QJSLPYFqo5Bnftd4XhfCJtQPzDiufqczLGEx1EldJXXWgz6SQimgpGOvTZ1r2-DLqtI3v-wmXXhc_UMQwhIHhHM6jHD-DNP7PK6a2stf-U3vHqbd1Gqh-CLJ2iEO7BRNI/) 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">

taruh kode shoutbox mu disini!!

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
>/a>
</div>