Cara membuat Cbox dan membuat Cbox melayang

Bissmillah.
kaliini saya akan membuat tutorial tentang bagaimana membuat Cbox, saya membuat Tutorial ini karena Shoutmix udah gak ada yang gratisan nya soob, lagi pula Cbox mempunyai Tampilan yang lebih keren di banding shoutmix yang Dulu, Langsung aja ke TKP

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

<-- copy kode 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 <--- copy kode HTML Cbox anda disini ---> hapus kode tersebut ganti dengan Kode Cbox anda

dan inilah Cara membuat Cbox dan membuatnya melayang

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!

Related Post: