Cara memasang chat box keluar dari arah atas kiri

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwIkQ8MZuvzh0YaJqrMLdhyz2RPUtalaPVlTJWKiFxebTJn9_TwLXz3TzdjO1zqigVMVGrjXwaCYapdORJeCY-bED3g8pNY6pZwYrTLhbz0m8mQr3ReDGkWeyHGjID2Ha4nU5HTKThEbRG/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7pQR-HxSsmiL8tZWmeY9xVFPmRcB2hoP2vymC2nKzSg3JYkXD08kb_BrsXt3x6mVbK6UiainhsZSPxyclH6antncF2ED7JDjN8QaZo-sDMZ315sjkg1Yhcn6QEiPmXTEhYLF1zMzfG1B-/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