MEMBUAT BUKU TAMU TERSEMBUNYI (2)

Jumpa lagi sobat blogger..

dulu saya pernah membahas artikel ini juga, yaitu tentang BUKU TAMU TERSEMBUNYI. Yang masih belum tau, sebaiknya di baca dulu deh versi 1 nya di sini. Kalau idah paham apa itu Buku Tamu, oke langsung saja saya berikan. Tetapi, di artikel kali ini akan sedikit berbeda. preview

Tertarik.??

Langsung aja deh, kaga' pake lama..

berikut adalah scriptnya :

<style type="text/css">
#at{
position:fixed;
left:-160px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:300px;
width:180px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #D5FF8C;
background:#FFF1DB repeat-y center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding:10px;
}
</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="#000000 no-repeat;">

SCRIPT SHOUTMIX ANDA

</div>
</div>

<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i940.photobucket.com/albums/ad244/Adit-tech/klik.gif" alt="close" title="Click here to Close Cbox" /></a></div>
</div>


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

<a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://i940.photobucket.com/albums/ad244/Adit-tech/tabscopwy.png" alt="WEARCREAF"
title="Click here to open Guest Book" style="display:scroll;position: fixed; top:65px;right:0px; height="120px" width="38px" /></a></div>

<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>

</span>
</span>
<div class='clear'></div>

<p></p>
<div id='rsidebar-wrapper'>
<div style='height:10px;clear:both;'></div>
<div class='sidebar section' id='sidebarright'></div>
<p></p></div><br />

 Nah, itu dia, dengan catatan tulisan merah , anda isi dengan script yang di berikan shoutmix kepada anda...
jangan lupa tinggalkan komentar..