Buku Tamu Unik Tersembunyi Versi 1

Nih aku punya caranya gimana biar tampilan buku tamu kamu menjadi beda dari pada yang laen. Masih jarang mempunyai buku tamu seperti punya aku ini! Bisa dibuat tersembunyi, keluar hanya pada saat tulisan "Buku Tamu" di klik! Untuk CARANYA klik selengkapnya aja!!!

Masukkan script di bawah ini pada Java Script:

<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">
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="160" frameborder="0" src="http://www6.shoutmix.com/?sedotgoblog" height="400" title="sedotgoblog">
<a href="http://www6.shoutmix.com/?sedotgoblog">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 -->
<div style="text-align:right; font-size:10px">
Dapatkan Buku Tamu Seperti Ini di
</div>
<div style="text-align:right; font-size:10px">
<a href="http://sedot-go.blogspot.com/2009/07/buku-tamu-yang-unik.html">
www.Sedot-Go.blogspot.com</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>



Pada teks yang berwarna merah, teman-teman bisa menggantinya dengan ShoutMix atau kotak chat lain dengan milik teman-teman sendiri! Dan dapatkan Buku Tamu Unik Tersembunyi Versi 2!!!
Silahkan teman-teman mencobanya dulu baru komentar!
Selamat mencoba!!!


  • Isikan Komentar Anda Di Sini