<style type="text/css">
#nempel{position:fixed;top:310px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:130px;width:32px;float:left;cursor:pointer;background: url('http://kluwung.jw.lt/images/globe-sm.gif')no-repeat;}
.nempelisi{float:left;border:2px solid #FFF;background:#FFF;padding:6px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">
<!--kode-->
<a href="#">Germo-ndeso<br /></a><a href="http://bebj.com/stat/1324597981/"><img src="http://bebj.com/bcounter.php?cid=1324597981" alt="bebj.com - free visitors browsers counter" border="0" /></a>
<!--kode-->
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script></div></div>
#nempel{position:fixed;top:310px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:130px;width:32px;float:left;cursor:pointer;background: url('http://kluwung.jw.lt/images/globe-sm.gif')no-repeat;}
.nempelisi{float:left;border:2px solid #FFF;background:#FFF;padding:6px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">
<!--kode-->
<a href="#">Germo-ndeso<br /></a><a href="http://bebj.com/stat/1324597981/"><img src="http://bebj.com/bcounter.php?cid=1324597981" alt="bebj.com - free visitors browsers counter" border="0" /></a>
<!--kode-->
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script></div></div>
silahkan login ke dasbor blogger >>> rancangan >>> add/tambah gadget dan masukan kode script diatas tadi.
bagus bukan?
ReplyDeletethanks... berkujung jgg ke
ReplyDeletehttp://gentengjatiwangi-luvumy.blogspot.com/
ik nabk bro,thanks juga atas kunjungannya
ReplyDeletemantap gan,, BTW gak ada Contohnya ya?
ReplyDelete