Cara membuat Buku Tamu Melayang.

Pasti semua pada herankan kenapa melayang...!hee.. he.. ya karena tampilannya kalau di klik langsung melayang oke gk usah kesana kenari akayak mau bilin roti harus beli trigu dan pati... eits glantur lagi.. lang sung saja trik ini saa dapet dari temen blogger juga loe... berawal dari ieseng jadilah seperti ini pertama kali kamu ahrus daftar dulu ke shoutmix.com setelah daftar kamu akan dapet skripnya oke..setelah dapet sekarang kamu masuk ke dalam tong sampah.. loh salahya.. he.. he .. lg nglamun.. kamu masuk ke blogger rancangan element laman tambah gadget lalu pilih HTML/javascript setelah itu masukkan kode di bawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYdQFHIDySIwgcFfKX6Uky3AXncHxER7j3xqyLqwOQnG6HtmA8Jvct99KwiCnPQ0dZvt3Lvy9LVrhrI4TczMvtvStHuZ-fppVi14ioIMgI401SgOLxOA-Nr5-HHfPEDVqn1sA6PeUNAvc/') 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 -->

<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 :
Ganti tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix
setelah itu di save sekarang kamu coba liat blog kamu apakah sudah berjalan dengan mulus... pasti dong ... oke hanya itu saja dulu untuk trik selanjutnya tunggu aja key...! selamat mencoba.

Tips tricks yang populer lainnya: