Membuat chatbox / guestbook /shoutmix melayang pada blog

4
Meskipun basi,tapi masih banyak juga kan yang belum tau trick ini,coba liat chatbox atau guest book saya yang di sebelah kanan layar anda.Ternyata cara buat nya gam pang.Cara nya bagi yang belum punya shoutmix,daftar dulu ya ke shoutmix.com





.bagi yang udah punya,silahkan kode shoutmixnya di copy dulu ke notepad kemudian masuk ke blog --> design-->add gadget-->HTML/javascript dan copy kan kode berikut ini :



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

.gbtab{
height:250px;
width:50px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_3x5eSKVvu3Nv1Xh2SyasVYq0nTJ8Tq69cvU0XK4grxQ5KnmaUA5CU9zFX7nLQJHzIFnDN8YvibrTIBsgarGcFIH2bmOoHkjvpqqnvxm0o8OYDp0iMjCkkQe0atoP5h866sdpgdk5WJFf/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #81F781;
background:#81F781;
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">
<span style="color: red;"><!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="dhiezluv" src="http://www5.shoutmix.com/?dhiezluv" width="100%" height="350" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?dhiezluv">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 --></span>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div></span>



yang berwarna merah diatas,ganti dengan kode soutmix anda,jangan gunakan kode saya,nanti semua chatingan yang ada di blog anda bakal muncul juga di blog saya.okey,salam newbie....