Cara membuat Cbox Dll melayang

     Cara membuat Cbox chat Dan fiture chat blog lainnya melayang mungkin bisa membuat blog kita lebih ramping dan tidak memakan tempat karena  ini bisa melayang mengikuti page yang berada di layar monitor... Kalau anda  ingin mencobanya  caranya ikuti tutorial berikut ini.

1) log in ke account blogger anda
2) masuk ke tata letek > elemen halaman > tambah gadget > pilih html/java script
3) masukan kode berikut ini ke dalam hml/java script anda

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

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdSIgVEk2glcz1H-3TXK1Xx458-wkWEPsYd9AS3hV_a-_AChoVPXV6BYWaa63n5p9C6qzMAvGQ57Syr4zftqW4VWVUxXQrzmBxYnuYc7RtqZJvgpQF9u8KYMi7rpK2b_cQbhAu8089mYT4/') 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">

<iframe src="https://www6.cbox.ws/box/?boxid=827955&boxtag=zr9ysd" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

NB:GANTI KODE YANG BERWARNA Orange DENGAN KODE Cbox dll ANDA yang belum mempunyai akun atau script codenya silahkan daftar saja ke layanan blog chat pilihan anda masing - masing :)

4) Simpan dan lihat hasilnya.

     Jadi diatas script yang anda butuhkan mudah - mudahan masih work :)

Petani Signal Sekedar Hobby :)) Belajar dan berbagi informasi.

Share :