Guest Book / Shoutbox Melayang di Pojok

Penasaran bagaimana cara membuat Guest Book / Shoutbox Melayang di Pojok? Mudah saja, ketik "cara membuat buku tamu melayang"di google atau yahoo pasti banyak sekali pilihan. Ternyata Guest Book / Shoutbox Melayang di Pojok sedang trend di Blog, juga bisa menghemat tempat serta bisa mengurangi berat load Blog. Tapi dampak negatifnya ada sobatku yang mau komentar gak melihat Guest Book / Shoutbox Melayang di Pojok. Sedih rasanya...(biar gak sedih kasih koment dong?)...
ini kodenya :
<style type="text/css">
#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
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 -->
GANTI KODE SHOUTBOX BLOG SOBAT
<!-- End ShoutMix -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

untuk kode shoutbox ganti dengan alamat shoutbox shobat, untuk tampilan (WARNA MERAH ) BACKGROUND guest book / buku tamu cari di google dan upload, ganti kode png diatas.
Caranya coppy dan pastekan kode diatas pada blog kita...
Seperti biasa 1. Log in 2. pilih tata letak 3. Klik Elemen Halaman 4. Taruh dimana saja pilih HTML/javaScript 5. Pastekan kode di atas 6. Save
Selamat Mencoba...

Anda Sudah Baca Yang Ini? :