How to make Shoutmix Hidden in Blog

How to make Shoutmix Hidden in Blog.
How to make guestbook shoutmix hidden or concealed.
1. Log into your Blogger account, select the Layout; then Page Elements;
2. Click the "Add a Gadget", 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/AVvXsEgFPnLyPRW8p62TWzxlpyWVJWfBkLkIncwLmAZmXAKuS9E1cRV3U4hx-cVwkE5kL2EB0RJsxH0VlxyLebE7iQHw9XkvpRkGfCNdKiiOdgTl77l2rMcZtWnBxjwW8HG-Wk7UrOcgNsKMQy7X/') 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">
<!-- Replace the code in your guestbook -->
<br/>
<br/>
<a href="Replace with your url">.
</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></div></div>


* In the above code, locate the code <! - Replace the code in your guestbook -> and replace that code with code guest book you get from the site,
* You can also set the position. Change wrote his top attribute values​​. If you want more up slightly, so change the 30px or 20px, it's up to you.