<span style="font-style:italic;"></span><style type="text/css"> #at{ position:fixed; right:50px; z-index:+1000; } * html #at{position:relative;} .attab{ height:100px; width:40px; 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><br /> <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><br /> <div id="at"><div class="attab" onclick="showHideAT()"></div><div class="atcontent"><div align="center"><div style="background:#000;"><br /> <br />LETAKKAN SCRIP ANDA DISINI

<a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://upload.kapanlagi.com/c.php?f=201204131052054_bagus3_4f87a2e5a316a.gif" alt="close" title="Click here to Close Cbox" /></a></div><br /> </div></div><br /> <br /> <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-200-at.offsetWidth).toString() + "px"; </script><br /> <br /> <div style='display:scroll; position:fixed; top:0px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://upload.kapanlagi.com/c.php?f=201203281006364_jadi3_4f72803c534ff.gif"/></a></div></div>

Kode yang berwarna kuning bisa anda ganti dengan url gambar anda.
Terima kasih :)