Creating a Hidden Guestbook

If you do not know anymore you want to put a guest book where, create a guest book you wrote "hidden", and if clicked will be immediately visible.
For example you can see at the top right of your screen, and click the green tab. And the guest book that will move out, so that was not visible will become visible.

How:

• Log into your Blogger account, select "Layout" then "Page Elements",
• Click the "Add a Gadget" (which aja okay), then select "HTML / JavaScript"
• 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/AVvXsEgpJJ13ns2nJ9zWdSlVKcEuai-bzzAsQ3DlEthz1QiYxen2U2uA6IsL6_2Sf1BcK93ebEk7J3HiSvRpmTuorFmSOaoJjZbkV3x5XxTtkhI-iMEy6ElRnusuASnIWqFumnWPBP_b5XjKRPJy/') 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">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>

Want to have a guest book like this?<br/>

Click on

<a href="http://adsinse.blogspot.com/

</a>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[Clos]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

• In the above code, locate the code <! - Replace this with your guest book code -> and replace that code with code guest book you get from the site,
• You also can adjust its position. Aja Change the value of its top attributes. If you want more upward slightly, so change the 30px or 20px, it's up to you.
• Good luck!

Note: the code above I put a backlink to this post, if you'd be kind enough, please do not delete backlinks it, yes!