How to create a guest book hide

1. log in on your blog
2. go to design> added the gadget> html / javascript> save
3. You log in just to shout mix
4.if you do not know just go on google and search for just shout mix

<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/AVvXsEiNOOFA-bEQtVY6Ogrw5rlTdKO5KgSpxALieQAZ9BTLC2a_aNm3cSK3V2HCLLpizCmFpQt3U7GhW1TeqVZNvLfyWVjYZK5Fc3KsYsiJ1a2hYyqtUE9ZxOgpD9v0guC-h4K6jq1EtU0zzpHc/')no-repeat;
}
. gbcontent {
float: left;
border: 2px solid # A5BD51;
background: # F5F5F5;
padding: 10px;
}
</ style>

<script type="text/javascript">
showHideGB function () {
var gb = document.getElementById ("gb");
var w = gb.offsetWidth;
gb.opened? moveGB (0, 30-w): moveGB (20-w, 0);
gb.opened =! gb.opened;
}
moveGB function (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">

<Put here your Shoutbox code>

<div style="text-align:right">
<a href="http://dewaktu.blogspot.com/">
[blogkomputers]
</ 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>

Posted in: Blog