Cara membuat Cbox dan membuat Cbox melayang

1. Klik dulu http://www.cbox.ws/
2. Klik Sing up
3. isi semua data yang ada di Formulir, jangan lupa Centang
  I have read and do agree to the Cbox terms and conditions of service, Lalu  klik Create my Cbox
4. kemudian Log in kembali


5. Bila anda ingin Mngedit warna tampilan Cbox anda, Klik Look & Feel
6. Bila ingin mengetahui Kode HTML anda, Klik Publish                                                                           7. bila sudah mengetahui kode HTML nya copy ke HTML/javascript

Bila Cbox anda ingin di buat melayang di pinggir ikuti cara ini

1. log in Blogger
2. klik Desinge
3. Layout
4. Lalu add widget >> pilih HTML/Javascript
5. copykan kode berikut:



<style type="text/css">

#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i846.photobucket.com/albums/ab26/arifins/bukutamu.gif') 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">

<--  HTML Cbox anda di sini -->

<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> 

6. Save aja mas

Perhatian : yaang bertuliskan <--- HTML Cbox anda disini ---> hapus kode tersebut ganti dengan Kode Cbox anda