Cara Membuat Kotak Chat Mengambang Di Blog

Untuk membuat widget pesan shoutmix,kamu harus punya acount dulu di shoutmix daftarkan diri kamu atau klik di sini ,selanjutnya siapkan kode HTML dari shoutmix kamu simpan dulu di notepad atau pc kamu ,kemudian kamu copy kode di bawah ini,

<em><style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:200px;
width:30px;
float:right;
cursor:pointer;
background:url('http://i887.photobucket.com/albums/ac80/ozuratakanawa/lopesan.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">


SISIPKAN KODE SHOUTMIX KAMU DI SINI
ATAU SISIPKAN KODE CBOX KAMU DI SINI


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script></div></div></em>

Simpan kode tersebut klik tata letak tambah elemen atau tambah gadget,klik konfigurasi HTML/javascrift,
penjelasan, untuk height 200px bisa di sesuaikan dengan logo pesan,kamu bisa buat logo tsb di sini kalau ingin di ganti gratis cuman bayar ongkos ojeg doang ,he he becanda beneran gratis, atau kamu buat sendiri di pc kamu,
Ploat adalah posisi logo pesan kamu kalau ingin posisinya di kiri silahkan ganti,
Background url adalah gambar logo pesan bisa kamu ganti dengan logo pesan kamu,ganti alamat url-nya
background:#F5F5F5; adalah warna Background dari tempat widget bisa kamu ganti dengan warna lain,
Oke Selamat mencoba semoga berhasil,