Tutorial membuat shoutmix melayang

Tutorial Membuat Shoutmix Melayang or Cara Membuat Buku Tamu Melayang or Cara Membuat Buku Tamu Berad Di Kiri Sidebar or Cara Membuat Buku Tamu Slide Disamping Biasanya shoutmix berada dipinggir dan bisa dihide kan,nih dek rohmad kasih tutornya..
Langsung aja ni,copas code dibawah ini:
Code:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWuuoc2_0T1rL3UYxflPjd9_6Tif8pbiOLxVBzpcYYbojB4I4_Pn390BQzmOhNRLJuYdHvctSS-yoQBHPGsFqe6DvLgDD2EJizp0RGGmyShcAWPoG8NtjI3ZxKlDW7XDqJOmEsW3foDw0/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>


<div id="gb">


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


<div class="gbcontent">


<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" frameborder="0" width="300" src="http://www5.shoutmix.com/?tkjlover" height="400" title="tkjlover">
<a href="http://www5.shoutmix.com/?tkjlover">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->


Pilih add gadget lalu ganti tulisan diatas yang saya beri warna hijau dengan alamat shoutmix kamu,lalu save tanpa nama dan liad hasilnya...
Semoga bermanfaat happy Blogging^_^