12:34 PM
Unknown
Memasang Widgate ChatBox Melayang
Untuk kali ini saya akan berbagi Bagaimana cara memsang widgate chatbox pad blog dan melayang di sisi kanan
Pertama jika anda tidak memiliki code chatbox silahkan login atau registrasi disini dan dapatkan code anda
1.Masuk Ke blogger.com
2. Klik menu Tata Letak
3. Tambah Gadget - html / JavaScript
4.Lalu copas code di bawah ini
|
<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:90px;
width:29px;
float:left;
cursor:pointer;
background:url('http://i997.photobucket.com/albums/af96/fauzan_zifa/Untitled-1-11.png')
no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background:#FFFFF;
padding:2px;
}
</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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
simpan disini Code ChatBox anda
<!-- END CBOX -->
<!-- END CBOX -->
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
|
Tanda merah tersebut ganti dengan code chatbox anda
Setelah itu Lalu simpan dan lihat Hasilnya pada Blog anda
cukup sekian dulu berbagi saya kali ini mudah-mudahan bermanfaat bagi nusa dan bangsa
Posted in: Widget Blog
0 komentar:
Post a Comment