1.LOG IN TO BLOGGER
2.ADD HTML WIDGETS
4.AND SAVE
<style type="text/css">
#at{position:fixed;margin-top:28px;padding:95px;right:500px;z-index:+1000000000}
* html #at{position:relative}
.attab{height:100px; width:30px; float:left; cursor:pointer}
.atcontent{float:right;background:url("http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png") repeat scroll 0 0 #000;border-radius:8px;border:8px double #171615;text-shadow:1px 1px 48px darkred;box-shadow: 0 0 10px #ccc;;-moz-box-shadow:0 0 10px #ccc;-webkit-box-shadow:0 0 10px #ccc;font-family:Agency Fb; font-size:16px;-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; padding:10px}
.atcontent:hover{-moz-border-radius:35px 35px 35px 35px;-webkit-border-radius: 35px 35px 35px 35px;border-bottom:8px double #171615 ;border-top:8px double #171615 ;border-left:8px double #e6e6fa;border-right:8px double #e6e6fa;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg69us3nTkbXj7naMpl9QroOo_vzCKhgCylA6iqiKYO9KAsjnB8sFBgB5fqjqFgsBaM1qzaIs7LB8Pvb5Q4R9iiue8r_El9yVmHa3mcx8a2W1p3u4xppI6FELI6dmcGwlR2ZP4dvjkz7_Q/s1600/ramagif.gif)#000 repeat center scroll;opacity:1.2;}
</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:url() repeat; ">
CBOX HERE OR OTHER WIDGETS
</div>
</div>
<span style="position:bottom;color:gold;text-shadow:0px 0px 32px lime"><h5>PLEASE DON'T SPAMMER</h5></span>
<h3>I'M BLOGGER MEDAN, INDONESIA</h3>
<br />
<div align="right"><a href="javascript:void(0); "onclick="showHideAT()"><img border="0"src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png"alt="close"title="Click here to Close Cbox"/></a></div>
<div align="right"><font size="2"><a href="http://azumiisme.blogspot.com/"target=_blank">
<span style="font-size:xx-small; ">Widget By :Maulana Ibrahim</span>
</a></font></div>
</div></div>
<div style='display:scroll;z-index:+1000000000;opacity:0.7;position:fixed;bottom:90px;right:0px;opacity:0.8; '><a href="javascript:void(0); "onclick="showHideAT()"title="Click Here "/><img src="http://i1213.photobucket.com/albums/cc466/say_love1/th_buku-tamu_03.gif" /title="click here open cbox" /></a>
</div><script type="text/javascript">
var at = document.getElementById("at");
at.style.center = (-200-at.offsetWidth).toString()+"px";
</script>
ATTENTION
GANTI BACKGROUND GAMBAR ICON BUKU TAMU
