Buku Tamu yang Unik

Nih aku punya caranya gimana biar tampilan buku tamu kamu menjadi beda dari pada yang laen. Masih jarang mempunyai buku tamu seperti  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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKBOjN6RCiZcowmVad7Mdg5HlYJJcFzFFenU3NzuxpoxQpd_Y5fz27qak-aSCNpwfTf2jFoyejXpgKYJtydx6anQ2NWbBloFtDvNo-u9qHwCuekbjQ16_acCWoxLOk-EdegAywOZneKe5b/') 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 scrolling="auto" width="200" frameborder="0" src="http://www6.shoutmix.com/?www.Sedot-Go.blogspot.com" height="480" title="www.Sedot-Go.blogspot.com">
<a href="http://www6.shoutmix.com/?www.Sedot-Go.blogspot.com">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></div>


<a href="javascript:showHideGB()">
</a>

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



Pada teks yang berwarna kuning, teman-teman bisa menggantinya dengan ShoutMix atau apalah dengan milik teman-teman sendiri!
Silahkan teman-teman mencobanya dulu baru komentar!
Selamat mencoba!!!



0 comments

Post a Comment

Budayakan membaca sebelum berkomentar NO SPAM NO SARA
Jangan menaruh link aktif jika tetap nekat admin akan menandainya sebagai SPAM.