CARA MEMBUAT BUKU TAMU MELAYANG DARI ATAS KEBAWA
1. caranya anda copi kode ini
2. lalu anda (tmbah gadget)
3. lalu anda masuk ke HTML/JavaScript
CODE :
↓↓
<style type="text/css">
#at{
position:fixed;
right:200px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #ff0000;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbcobRUHjl4SFiRT2WvPkY_4At-Z71Ooopmd59M_9KwuebGQj-LDtpgy6Lt7bhQZoNffVGMSn-StLvuJimFIFKPj0NqCkK7U6Dt9Io9c6lFX8Up15cUZPf5zpW0CgH7OHfosIXA8gwnuZN/) #000000 repeat;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
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="background:transparent">
<div id="edited" style="width:auto; height:auto; background:transparent; position:relative" align="center">
DISINI KODE BUKU TAMU ANDA
</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMwJS_XmF3qo1V-7Zc60z9peN_gDsK8PxF3puvBbz7cntMYixv-X0YG32L3x7OGSQRDwRP7DUqixkm4SSM754IU1TcnMRZMdbbY0ZIz_jb8ExUEX7HMul0SKk2ZAUO8fwwFkM-3BlRwss/" alt="close" title="Click here to Close Cbox" /></a></div>
<div align="left"><font size="2"><a http://exeloph.blogspot.com/2010/10/showhide-cbox-pada-posisi-atas.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">BLOGGER PEMULA CHAT</span></div></a></font></div>
</div></div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script></center>
<div class="attab">
<a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://www.cutmypic.com/uploads/title242655465.png" alt="cbox" title="Click here to open Guest Book" /></a>
5. yang merah ganti dengan kode buku tamu anda
6.dan yang hitam ganti dengan url kode anda
7.Lalu jangan lupa tekan tombol simpan
8.eee jangan lupa JUGA foliow ane sob....
......SELAMAT MEBUAT.. SEMOGA SUKSES.....
Tidak ada komentar:
Posting Komentar