1. Klik dulu http://www.cbox.ws/
2. Klik Sing up
3. isi semua data yang ada di Formulir, jangan lupa Centang
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">
6. Save aja mas
Perhatian : yaang bertuliskan <--- HTML Cbox anda disini ---> hapus kode tersebut ganti dengan Kode Cbox anda
2. Klik Sing up
3. isi semua data yang ada di Formulir, jangan lupa Centang
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>
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
Komentar
Posting Komentar