MEMBUAT BUKU TAMU MELAYANG

Halo Sobat Jufry semua, wah lama juga neh gak posting-posting. mungkin para sahabat semua merasa lucu kok baru sekarang posting tentang cara membuat buku tamu melayang, tapi emang baru kepikiran sih setelah salah satu sahabat ge minta scriptnya.

Sahabat Jufry semua, mungkin timbul pertanyaan "apasih enaknya membuat buku tamu melayang?" yah jawabannya tentu saja karna enak dipandang, truz menghemat space kita di screen so buat apa ditampilkan aplikasi yang mungkin zaja gak dibutuhin ma pengunjung kita. ia toh?? (ah banyak alasan saja hehehe) ya udah saya langsung saja memberikan script nya yah neh dia ...

<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/AVvXsEg__rRW-dA3GvS3jsE_hvgMCFnKXMmN76x9KAzfzyFFWdq4T3GxnFlm67Xjalgz1tSoHJDm43vjfvEY45YI-BKx1nyI_pRSmnLOtICO_lBdxp0dSlbe5n067qTdI9W-WUvwp9W3WciYooXO/') 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 title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?m4n0">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 -->
<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://makassar-09.blogspot.com/2009/08/trik-membuat-buku-tamu-melayang.html&quot;>
sini </a>

<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>

 Catatan:

1. Jangan satukan dengan iklan yang melayang karena akan menjadi kacau.
2. Yang diberi tanda berupa huruf yang merah dapat diganti, contohnya  buku tamu anda yang shoutbox atau cbox.

Oke, selamat mencoba ya sahabat Jufry semua ... (kritik, saran dan komentar sangat ditunggu yah...) ^_*

Share this post