Tips On How To Create A Hidden Guestbook On Your Blog

okay, hi again everyone... after doing long and tiring school activities, i can finally write again. even though i don't have much time, atleast i can still write something even if it's not much... anyways, for some of you who are maybe still a beginner in blogging and want to try something more intresting, exciting, or different by making a hidden guest book. other than that, this guestbook makes it easier to communicate immedietely with the visitor or even the owner of the blog... specially to consult with the blog owner... to the ones who really want this gadget, here's the steps.....

1. please register at www.oggix.com or www.shoutcamp.com

2. copy the code below in your gadget HTML/javascript

<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">


change this with your guestbook code...




want to have a guestbook like this one?

Klik
<a href="http://www.kh-arham.co.cc/2010/12/cara-memasang-buku-tamu-guest-book.html">
di sini (Khiarul Arham's Blog)
</a>

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

</div>

</div>

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

wanna see the example??? just visit this link: Click Here!!!