Assalamualaikum
hello everybody, entry kali ini aku buat cara mcm mane nk letak chat box tersorok kat tepi..kay malas nak cakap banyak, tengok tutorial kat bawah ni je kayy..
CARA PERTAMA
- design
- layout
- add a gadget
- copy code bawah ni, dan paste di ruangan HTML/Javascript
<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/AVvXsEiRVeLcdNEqpWUn5trfu89X7mdOigyDofOHAFI_acwuLQjiRsZc5huK-01MvNnJimbzVpqt2K7CZOp-PVQ29rGfk9m9-Kxtttu3AtF45jpn-zzpV8Y0Q9SoVfoQf0BkU8FlKAsjRnyYhRl8/’)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 onclick=”showHideGB()”> </div>
<div>
<!– Letak code shoutbox kamu disini–><a href=”http://URL ANDA /”>
Chat online
</a>
<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></div></div>
- save
# letak code chat box anda dengan code chat box anda
dan letak url blog anda
Kredit to: Cik Min
