Cara memasang chat box keluar dari arah atas kiri

by - Jumat, Mei 11, 2012

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/AVvXsEhfkp_WxJ5zehtA55A_ae3Ji4Aaut1gE9ejyP4xsZ-pNDjrJ2TaDNxNv3wv7qoPk20bYTNNDKnLX-7U-HHO7mC1waLAgWft8kjIqK6ytKNZt0Mv7uDrNBUqReSaJBYuTgx83xj6OttsScJf/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/AVvXsEgK9JbUmN2v1ihPLkW34lWgYbjEh5T8JyYl4X3cQmVcQrBPYVGsPIyj677xkH_2UObhD9BFCDx_tKNvoR0ZnWTsWFZPFFv3DykEiq18Tc4JJ7oguFNzkVfLCbmoBpKijmtfvpW-RQHKOUY7/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....!

You May Also Like

0 komentar

Silahkan Berkomentar Dengan sopan :

عن أَبِي سَعِيدٍ الْخدْرِيِّ عَنِ النَّبِيِّ صلى الله عليه وسلم، قَالَ: لَتَتْبَعُنَّ سَنَنَ مَنْ كَانَ قَبْلَكُمْ، شِبْرًا بِشِبْرٍ، وَذِرَاعًا بِذِرَاعٍ حَتَّى لَوْ دَخَلُوا جُحْرَ ضَبٍّ تَبِعْتُمُوهُمْ قُلْنَا: يَا رَسُولَ اللهِ الْيَهُودَ وَالنَّصَارَى قَالَ: فَمَنْ

"Sungguh diantara kalian akan mengikuti apa-apa yang dilakukan bangsa-bangsa terdahulu, selangkah demi selangkah, sehasta demi sehasta walau pun mereka memasuki lubang biawak kamu akan mengikuti mereka". Diantara para sahabat ada yang bertanya "Ya, Rasululah apakah yang dimaksud (di sini) adalah pemeluk agama Yahudi dan Nashrani ?" Rasulullah menjawab "Siapa lagi (kalau bukan mereka) (HR. Bukhari)