كود صندوق فيس بك على الجنب يفتح ويغلق بطريقه احترافيه

<strong> <style type="text/css">
.slide_likebox {
    float:right;
    width:247px;
    height:420px;
    background: url(http://i40.servimg.com/u/f40/16/50/59/14/fbslid10.png) no-repeat !important;
    display:block;
    right:-205px;
    padding:0;
    position:fixed;
    top: 170px;
    z-index:1002;
}

.slide_text {
    font-family: Geneva, Verdana, sans-serif;
    font-size: 8px;
    padding-left: 10px;
    text-decoration: none;
    color: #FFF;
}
</style>
 <script type="text/javascript" src="http://forums.arabhard.com/pic/min.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(function (){
    jQuery(".slide_likebox").hover(function(){
    jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");
    },function(){
    jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");
    },500);
    return false;
    });
</script>
 <div class="slide_likebox"> <div style="PADDING-RIGHT: 5px;
PADDING-LEFT: 50px; PADDING-BOTTOM: 0pt; COLOR: rgb(255,255,255);
PADDING-TOP: 8px"> <div class="FB_Loader"> </div>
<span> <iframe src="http://www.facebook.com/plugins/likebox.php?href=ضع رابط صفحتك في الفيس بك&amp;width=190&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=362" allowtransparency="" style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; OVERFLOW: hidden;
BORDER-LEFT: medium none; WIDTH: 190px; BORDER-BOTTOM: medium none;
HEIGHT:
362px" frameborder="0" scrolling="no"></iframe></span></div></div></strong>