Cara Memasang Float ChatBox DiBlog

 

Assalamualaikum wr wb,


Hai para blogger indonesia sorry kalo ini udah pernah di posting ,chatbox adalah tempat untuk chatting seperti yg ada di sebelah kanan blog ini , saya hanya ingin  berbagi sesama dan langsung cek this out  :)


1.)Klik Rancangan pada beranda blogger.
2.)Pada Elemen Laman, Klik Tambah Gadget.
3.)HTML/JavaScript HTML/JavaScript Tambah Klik gambar seperti disamping
4.)Copykan kode dibawah ini

<style type="text/css">
.gb_fixed{position:fixed;
top:60px;
right:-4px;
z-index:+10;
-moz-border-radius:3px;
border-radius:3px
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {display:none;
border:1.5px solid #cccccc;
-border-radius:5px;
background:#000000;
padding:10px;
padding-top:0px;
-moz-border-radius:5px;
border-radius:5px;
}
</style>

<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="http://lh4.ggpht.com/_oFXd4wU3lK8/TSQrWfZqfnI/AAAAAAAAADQ/OzM7TygiCdM/Close.png" title="Click to Close"/></a></div>

LETAKAN KODE HTML CHATBOX ANDA

<div>
<center><blink><a href='http://uphik-ajjha.blogspot.com/2012/02/cara-memasang-float-chatbox-diblog.html' target='_blank'>Get This Widget</a></blink>
</center></div>
<center>
</center></td></tr>
</table>
</div>
<script src="http://yourjavascript.com/21261405011/cbox-bitexp.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img style="border:0; cursor:pointer" src="http://lh4.ggpht.com/_oFXd4wU3lK8/TTe7ZFV0vII/AAAAAAAAAD4/ZFesT6A_s2c/Chatbox.png" alt="Widget By:www.bit-xp.com" />
</a></div>

5.)Yang paling penting adalah SIMPAN

Semoga artikel ini bermanfaat buat sobar blogger