Creating Hidden Cbox or Guestbook in a Blog

f you look at the  right of this blog, you will find a guestbook. There you can leave a message, an impression, or or whatever you want. If you include the URL of your blog, maybe one day I will come to say “hai” on your blog.

Almost no different like the comment section of each post. it's just easier to leave traces visit in the guest book  compared to write a post comments. If you want to also install the guest book as I use in this blog. then you can follow the way that I use.

1. Visit http://www.cbox.ws/
2. Sign Up and Create an account there. You only need to use your email.
3. create a username and password
4. Input your website address
5. Open Your Email dan Verivy your account.
6. Save your code from cbox

After you have a code from cbox, you just need to add this script and input to your blog's widget.

1. Log In to Your Blog
2. Add Gadjet
3. Add HTML
4. Copy Paste your code from cbox plus script like this

<style type="text/css">
#gb{
position:fixed;
top:12px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:180px;
width:30px;
float:left ;
cursor:pointer;
background:url('http://lh4.ggpht.com/_1j80TgNqd_8/TS3MlHxaygI/AAAAAAAABVo/P36anu_ToeA/s128/guestbook.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">


Your Code From CBOX


<br/>
Want to have a guestbook like this?<br/>
Click
<a href="http://pclearns.blogspot.com/2014/12/creating-hidden-cbox-guestbook-cbox-in-blog.html">
Here
</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>

Change blue lettering with your code from Cbox, and Save.

Older Stuff :
Blog's Archieves