Erwin Info official website | Members area : Register | Sign in
Language : Indonesian English German Dutch Portuguese Russian Greek Brazilian French Spanish Arabic Korean

Guestbook Show Hide from above



Guestbook reply in his Guest Book click the widget it will come down from above.

How the heck do I make it?

How to make:

  1. Login blogger
  2. Plan, Tambah GadgetHtml/java script 
  3. And Save the following code  :
<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #000;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:#000;">


<center><!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="ramboijo" src="http://www5.shoutmix.com/?ramboijo" width="100%" height="400" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?ramboijo">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!"></a><!-- End ShoutMix --></center>


</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://lh3.googleusercontent.com/-iEyQzG3PHeo/TX6lL0mJbQI/AAAAAAAAAV0/399SFMoXYkQ/s1600/CLOSE.png" alt="close" title="Click here to Close Cbox" /></a></div>

</div></div>


<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>

<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://lh6.googleusercontent.com/-19uO6YoM54U/TX6lPCoD1pI/AAAAAAAAAV4/oXYF6O8rw38/s1600/guestbook.png" alt="cbox" title="Click here to open Guest Book" /></a></center>


Please adjust their placement with the desire / delight you 
Attention red code is the code of your guest book after you regestrasi to ShoutMix - http://www.shoutmix.com.

 4.Save

Hopefully Useful!

Thanks For Visit To My Blogsite

4 comments:

M - CINEMA™ | Download Film Gratis Terlengkap dan Terbaru said...

Wow.. ane coba dlu yah bro :)

udiyana said...

nice share gan

Erwin Siagian said...

sama-sama sob...

:)

www.just_for_bhinoxz.com said...

makasih atas kunjungan anda di rumah saya. follow back nya.
http://catatankampus08.blogspot.com/

Post a Comment

Do not Forget to comment Quest.

Thank you for Commentnya.