cbox atau lebih dikenal sebagai buku tamu adalah perihal yang tidak asing lagi didunia blogger, telah banyak tutorial-tutorial yang mengulas perihal langkah pemasangan cbox, baik dengan langkah standar ataupun dengan langkah pengubahan kode css.

saat ini saya dapat memposting langkah menempatkan cbox auto hiden dari semua arah, semua arah maksudnya yakni cbox bisa diletakkan atau nampak dari sisi sebelah kiri situs (blog), kanan situs (blog), bawah situs (blog), serta atas situs (blog), serta diikutkan juga animasi gambar gif sebagai background.

saya kira cukup sekian bla bla bla penerangan saya, serta mari kita menuju kepokok kajian.

di bawah ini yaitu langkah menempatkan buku tamu / cbox di situs (blog) nampak dari beragam arah :

• layaknya biasa sahabat mesti login dulu di account situs (blog) sobat
• tentukan tata letak
• makin gadget html/java script
• setelah itu copy paste kode script dibawah ini serta masukan ke didalam gadget html/java script.

<style type=”text/css”>
#at{
position:fixed;
right:35%;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:0px;
width:0px;
float:top;
cursor:pointer;
background:url(url);
}
.atcontent{
float:left;
border:2px solid #fff;
background:url(http://lh5.ggpht.com/_yF0–u7KSSI/TKgzluISmnI/AAAAAAAAAxE/PC55GBEXvig/kembangApi.gif)#000000 repeat-x bottom center scroll;
-moz-border-radius:10px;
padding:10px;
}
.atcontent:hover{
border:2px solid #fff;
background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;
}
</style>
<script type=”text/javascript”>
function showHideAT(){
var at = document.getElementById(“at”);
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById(“at”);
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.bottom = x.toString() + “px”;
if(x0!=xf){setTimeout(“moveAT(“+x+”, “+xf+”)”, 10);}
}
</script>
<div id=”at”>
<div onclick=”showHideAT()”> </div>
<div>
<div align=”center”>
<div style=”background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat;”>

Strip kode cbox sobat

</div>
</div>
<br />
<div align=”right”><a href=”javascript:void(0);” onclick=”showHideAT()”><img border=”0″ src=”http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png” alt=”close” title=”Tutup Cbox” /></a></div>
</div></div>

<script type=”text/javascript”>
var at = document.getElementById(“at”);
at.style.bottom = (-200-at.offsetWidth).toString() + “px”;
</script>

klik save / simpan.