Membuat Chat box keren Transparant ala X zone

Pagi sobat blogger

Heheh Penasaran Liat cboxku ya ?

gmna mau juga ?

langsg to the point nih. saya kasih scriptnya ^^

<div class='clear'></div>
<div class='widget HTML' id='HTML4'>
<div class='widget-content'>
<style type="text/css">
.gb_fixed{position:fixed; top:60px; right:0px; z-index:+10}
* html .gb_fixed {position:relative;}
#hidden_gb2{display:none; background:transparent; padding:10px; padding-top:10px; border:1px solid #ccc; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg)}
#hidden_gb2:hover{background:url("/") no-repeat scroll 0 0; background-position:top center; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}
</style>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhey5-vESE8x0qcH9uPYzQJ8-DDB91lrLfl26I5_sXVJR4dAz9LBK5bN7YChpC7d3AthQLqYCJABdZLTjcXdishrPJBSu1GFx1rwhYEaEJ5HyNS_XoXcFQpfAeHAsIjwC3mOrZPoNowNCm_/s1600/CloseButtonHot.bmp" /></a>
</div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="250" height="425" src="http://www4.cbox.ws/box/?boxid=4167062&amp;boxtag=561vt2&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4167062" style="border:#ababab 1px solid;" id="cboxmain4-4167062"></iframe></div>
<div><iframe frameborder="0" width="250" height="75" src="http://www4.cbox.ws/box/?boxid=4167062&amp;boxtag=561vt2&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4167062" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4167062"></iframe></div>
</div>
<!-- END CBOX -->
</td></tr>
</tbody></table>
</div>
<script src="http://donor-ilmu.googlecode.com/files/floating.js">
</script>
<div class="gb_fixed" style="z-index: +5;">
<a href="javascript:void(0)" onmouseover="gb_showHideGB()">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Sr2PnUj-TVrf8JDf8QMCKywPaET9_h_EVvpsTPwa9IAfx8FIpk0j8hRA4WIPEhi-g11vF9On1Xaol0SyIP-UaII1quEvoJzO-teL77GKfIur-IP22UDghdqh4XC3t6hjc2x1VaO7Jv32/s1600/chatbox.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=1592043344309891492&widgetType=HTML&widgetId=HTML4&action=editWidget&sectionId=sidebar-main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML4"));' target='configHTML4' title='Edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span></div>

jangan lupa Share artikel saya .. N  Sertakan sumber sebagai ucapan trimakasih . warna merah bisa kalian gnti code cbox kalian.....