New Izzie

screen shot buku tamu

woyooooo.........
Judul postingan ini Cara Membuat Buku tamu melayang, wah keren ia judulnya. mungkin anda yang baru membaca pasti bertanya "apa bisa buku tamu bisa melayang??", dan jika anda bertanya seperti demikian maka saya akan menjawab dengan gagah dan lantang "BISA!!" <#hehehehehehe>.
O.k lansung saja nggak usah basa-basi lagi kita langsung menuju ke langkah-langkahnya. sebetulnya jika anda sudah mempunyai shoutbox anda tinggal copy paste saja script dibawah ini .



<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

< isilah kode shoutbox anda disini >

<br/>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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


setelah di copy lalu di paste aja langsung ke widget html/javascript.
selesai deh. owh ia bagi yang belum mempunyai shoutbox bisa daftar untuk mendapatkan shoutbox disini.
artikel cara membuat shoutboxnya nyusul ia ......
heheheheheheheh