kubigomofm: Kod hidden chatbox GomoFM

Kepada yg berminat utk meletakan chabox Gomofm kat sebelah tepi blog korang, leh la mengkopipaste kod kat bawah ini. Bukan saja ia akan membuatkan blog korang semakin meriah, ini juga akan membuat kan trafik blog korang akan makin bertambah krn bila korang meletakkan chatbox ini, blog korang nanti akan disenaraikan kat blog geng GomoFm dimana disitu tempat berkumpulnya bloger2. Bila korang dah letakkan chabox ini, sila la tinggalkan link blog korang kat sini --> http://www.geng.gomofm.org/ supaya pihak kami dpt senaraikan blog korang kat situ secepat mungkin!!!

Kod hidden chabox GomoFM

<style type="text/css">
#gb{
position:fixed;
top:130px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:250px;
width:50px;
float:left;
cursor:pointer;
background:url('http://i212.photobucket.com/albums/cc5/kelubi8/gomofm_ORG.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:6px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 20-w) : moveGB(10-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">

<center>
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="530" height="400" src="http://www6.cbox.ws/box/?boxid=421103&boxtag=rg0qza&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="530" height="75" src="http://www6.cbox.ws/box/?boxid=421103&boxtag=rg0qza&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>

</center>
<a href="http://widgetgomofm.blogspot.com/" target="_blank">
Get this widget!
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close/tutup]
</a>
</div>
</a></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (25-gb.offsetWidth).toString() + "px";
</script>

Friday 16 March 2012

Kod hidden chatbox GomoFM

No comments:

Followers