!-- Begin Show Hide Floating - http://www.hitsuke.blogspot.com --> <style type="text/css"> #hitsukeFX{ position:fixed; top:135px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:200px; width:50px; float:left; cursor:pointer; background:url('http://i683.photobucket.com/albums/vv193/vebyo/Guest2.gif') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #d9e3ff; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"><div class="hitsukeFXtab" onclick="showHidehitsukeFX()"><center><b><span style="color:white;"><br /> G<br /> u<br /> e<br /> s<br /> t <br /> <br /> <br /> B<br /> o<br /> o<br /> k </span><span style="font-size:130%;color:white;"></span></b></center></div><div class="hitsukeFXcontent"><!-- Taruh Kode Shoutmix Kamu disini --> <br /> Mw Guest Book yg Seperti ini..??<br /> Klik di <a href="http://hitsuke.blogspot.com/2009/08/membuat-show-hide-floating-menu.html"> Membuat Show Hide floating Guest Book </a> <div style="text-align:right"><a href="javascript:showHidehitsukeFX()"> [close] </a> </div></div></div><script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://www.hitsuke.blogspot.com
div class="postingbox" style="height: 300px;">
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:20px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jlrHOTScEOY/THI0JMvF-lI/AAAAAAAAAS0/DHsvpzpJkD8/tamu3.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#00ffff;
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: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
Terimakasih </span><span style="font-size: x-small;"><b style="color: blue;">Kunjungannya</b></span></div>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/live_stream_box.php?app_id=100000441799645&width=290&height=400&xid=355411944445" style="border: none; height: 400px; overflow: hidden; width: 290px;"></iframe>
<div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://imdad-gresik.blogspot.com/2010/08/memasang-buku-tamu-facebook-di-blog.html/" target="’new’">kumpulancara</a></span></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div></div>