1

<script type="text/javascript">

var at = document.getElementById("at");

at.style.bottom = (-200-at.offsetWidth).toString() + "px";

</script>

<div style="position: fixed; top: 55px; left: 5px;width:30px;height:100px;"><a href="javascript:void(0);"onclick="showHideAT()"/><img src=" http://i883.photobucket.com/albums/ac35/zahra99/1232.gif " alt="cbox" title="Buka Chat Book"/></a></div>

<style type="text/css">

#at{

position:fixed;right:35%;z-index:+1000;}* html #at{position:relative;}

.attab{height:0px;width:0px;float:top;cursor:pointer;background:url(url);}

.atcontent{float:left;border:2px solid #fff;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8aPuov5MrFR3hrAu0lJsCyfly8xcbDLPyzlG3jkLirSdw4lbZsJcIrziQfKSlNR5MXm0yY3mHkETsan8axX4tmHfglbtmqmg4yOxFIgZPoHBvf8beG-2G6ALpR-BpG4XpbAIbSCIwIUyy/)#000000 repeat-x bottom center scroll;

-moz-border-radius:10px;padding:10px;}

.atcontent:hover{border:2px solid #fff;

background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll;}

</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.bottom = 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(http://i53.tinypic.com/oiu4n9.gif) no-repeat;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FSandoMpokuvava%3Fref%3Dhl&amp;width=595&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:605px; height:290px;" allowtransparency="true"></iframe>

</div>

</div>

<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="Tutup Cbox" /></a></div>

</div></div>

<script type="text/javascript">

var at = document.getElementById("at");

at.style.bottom = (-200-at.offsetWidth).toString() + "px";

</script>