Cara memasang chat box keluar dari arah atas kiri

Tidak ada komentar
cukup pasang kode di bawang ini di code HTML blog mu. 

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px; left:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
background: url(http://lh6.ggpht.com/_luh1hI96mU0/TDRTEXsQc2I/AAAAAAAAAyY/aRlQXLLYf8A/s640/building%20steel.JPG)repeat;
color:#000;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style=" background:-moz-linear-gradient(top, #051547, #999, #051547); color:#6cec17;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;">
<center><hr/><img width="70" src="http://1.bp.blogspot.com/-TxYCLik1Vgg/TVlCbr4hHoI/AAAAAAAAATA/ro9H2xg23QM/s1600/close.png" /><hr/></center></b></a></div>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="300" height="305" src="http://www4.cbox.ws/box/?boxid=3985376&amp;boxtag=zq5lgw&amp;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="300" height="75" src="http://www4.cbox.ws/box/?boxid=3985376&amp;boxtag=zq5lgw&amp;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>
<!-- END CBOX -->
</td></tr></table></div>

<script src="http://sitorjaya.googlecode.com/files/shouteffect.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="http://dl3.glitter-graphics.net/pub/1880/1880403ptqghzz8df.gif" />  
</a>
</div>

Note:
Ganti tulisan warna merah dengan code cbox mu
Ganti tulisan warna Biru dengan url gambarmu. 
Ganti tulisan warna hijau dengan bagroud yg kamu mau
Ganti tulisan warna pink dengan yg kamu mau



Demikian Tips nya semoga sukses!
Jika Kurang mengerti silahkan hubungi kami....!

Tidak ada komentar :

Posting Komentar

CHAT ON TV
CHAT NOW TV ONE


» Please download Adobe Flash Player « before watching the streaming