Buku Tamu Melayang Di Blog

   Malam,..sebelum tidur maha sempat sempatkan dlu dah tutorial cara membuat buku tamu melayang & tersembunyi dikanan atas blog :) .lihat gambar diatas atau klo mau lebih jelasnya silahkan lihat di web maha ini ada kok tulisan buku tamu coba klik ntar bakalan muncul buku tamunya :D ,.untuk menutupnya silahkan klik lagi buku tamu dah tertutup lagi deh :D . Kebanyakan cerita ya? langsung sajalah :

1.Daftar ShoutMiX atau daftar Cbox terlebih dahulu untuk mendapatkan kode buku tamu (pada web ini maha menggunakan Cbox)
2. Login Ke Blog Sobat
3. Pilih Rancangan Kemudian (Elemen Laman)
4. Pilih Tambah Gadget - Pilih HTML / Javascript
5. Copy Paste Kode 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://i852.photobucket.com/albums/ab82/mahamehe_album/Widget%20Blog/bukutamu.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:transparent;
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">


<a href="http://www.mahaxp.com/2011/11/membuat-buku-tamu-melayang-sembunyi-di.html" target="_blank">Mau Punya Ini Juga? Klik Disini</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>

6. Klik Simpan. dan selesai deh

* masukin kode cbox/shoutmix anda di bagian warna merah kelap kelip dikode atas
* yang berwarna biru itu merupakan alamat dari gambar buku tamu,. bisa anda rubah kok sesuka hati sobat :)

TERIMA KASIH :) semoga membantu