Gudang Informasi

Kumpulan Software, Template Seo, tips trick, Games Terupdate

LightBlog
Responsive Ads Here

Thursday, December 5, 2013

Cara memasang chat Box pada kiri atas blog

1. Masuk ke Blogger pilih Tata Letak
2. Add Gadget/Tambahkan Gadget - HTML/JavaScript
3. Kemudian Copy Kode dibawah ini dan masukkan di HTML/JavaScipt - Simpan !

<style type="text/css">
#gb{
position:fixed;
top:23px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:right;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:right;
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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Masukkan Kode Script Chat Box / Shout Box Kamu Disini ! 
<div style="text-align:left">
<span style="float:right; color:#000000;"><a href="http://ilmuhackerindo.blogspot.com/"

target="_blank">.: Get this widget! :.</a></span>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>
Catatan : Kalau Sobat Mazinu belum punya Kode Script ChatBox kalian bisa buat/daftar cbox DISINI ! (klik)