Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Widget Blog

Memasang Widgate Chatbox

Posting Komentar
Memasang Widgate ChatBox Melayang
Untuk kali ini aku akan membuatkan Bagaimana cara memsang widgate chatbox pad blog dan melayang di sisi kanan

Pertama bila anda tidak mempunyai code chatbox silahkan login atau pendaftaran disini dan dapatkan code anda

1.Masuk Ke blogger.com
2. Klik sajian 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 membuatkan aku kali ini mudah-mudahan bermanfaat bagi nusa dan bangsa

Posting Komentar untuk "Memasang Widgate Chatbox"