Cara Membuat Guest Book Melayang

Kalau sebelumnya saya memposting tentang cara Membuat guest book/buku tamu di Blog Kali ini saya akan Membuat Guestbook nya melayang, (bukan sihir loh ..:D)

bagi sobat yang sudah punya shoutmix /Guestbook . tinggal mengikuti saja langkah yang saya berikan dibawah,
tapi jika sobat belum punya guestbook masuk saja kesini Klik Disini
Disana dijelaskan cara mendapatkan guestbook

okeh,, langsung aja kita mulai,

Langkah Pertama,
1.pastinya harus masuk dulu ke Blog sobat,

2.Klik design - Page Element - Add a Gadget - Pilih Html/javascript

3.copy code dibawah ini..

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1231.photobucket.com/albums/ee519/noochii/animasi.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#00000;
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="noochii" src="http://www.shoutmix.com/?noochii" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?noochii">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 -->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Catatan : Tulisan yang berwarna Hijau ganti dengan code shotmix sobat


Selamat Mencoba .:D

Jika sobat merasa artikel Cara Membuat Guest Book Melayang ini bermanfaat, silahkan Copas artikel ini, tetapi jangan lupa untuk mencantumkan link sumbernya seperti ini : Source:http://noochiiartikel.blogspot.com/2011/07/cara-membuat-guest-book-melayang.html.Saya lebih berterimakasih lagi jika sobat mau mencantumkan link hidup seperti ini : Source: http://noochiiartikel.blogspot.com/2011/07/cara-membuat-guest-book-melayang.html.Mohon dimengerti agar maraknya copas tanpa link sumber mereda, terima kasih.