Make Hidden Guestbook

Hello all we'll see you again, hopefully before I would say best friends are all in fine condition, well do not need further ado, we go directly to the principal masalah.sebenarnya I'm confused by the title this time is "Creating a Guest Book Hidden", what she meant yes, To further facilitate your understanding try clicking the link below and look in the right corner there is a widget Guestbook if you click the green tab, then His guest book will be drawn out, you better mean what he meant himself. To build such a thing is actually very easy to do anyway, to better understand better follow wrote the following trick to finish, and please give your comment.


Here are the steps

1. Log in blogger with your ID

2. Click the Layout menu

3. Click Page Elements

4. Click Add a Page Element

5. Click ADD TO BLOG on the menu HTML

6. Then Copy the code below and paste the HTML box

<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/AVvXsEhPDhAAiO205V2rgaoTgprVSaWUrPcvG7RXOaF9aR7xrcdpEDhhWCQRk-XOinZiVJ_BEl6UAtkY9uOZERi1_tSUs58PL-XswhBrntnVaq7bEsnoepv0Icq6WQJj5VH7DS-RAJREAG3Yx7b6/') 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">

Put here your Shoutbox code

<div style="text-align:right">
<a href="http://blogkomputers.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
[blogkomputers]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

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

7. Save the widget.

If these steps have you made, you can see the results on each of your blog

If you have questions, please ask in this blog comment