إضافة أداة صندوق معجبي صفحة الفيسبوك بطريقة إحترافية ( Blogger )

اليوم سأقدم لكم موضوع يخص إضافات بلوجر، أداة جميلة جدا وأساسية في كل مدونة من أجل إعطاء طابع جمالي للمدونة وكسب إعجاب الزوار بالمدونة .
قبل أن أخوض في التفاصيل أريد أن أقول أن هذه الإضافة ليست كصندوق معجبي الفيسبوك العادي و الكلاسيكي بل هو صندوق مخفي في جانب المدونة لكن عند مرور الفأرة عليها يخرج بطريقة جميلة.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

<script type="text/javascript">     
//<!--      
$(document).ready(function()  {$(".w2bslikebox").hover(function() {$(this).stop().animate({right:  "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"},  "medium");}, 500);});      
//-->      
</script>      
<style type="text/css">      
.w2bslikebox{background:   url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKvinn0MR_eGgGbHPJc9NX4lx-8hbl-MVzfNjIloubDf6dyYRw4tdlAbKIFjwYsud5akox7_MGLkB0dqxEvPr-58R-l1HqFeJjnrIvCueg7CXUCilfGyPkor2Bl-LDS5wxHQrc3rsvinid/s150/w2b_facebookbadge.pn")  no-repeat scroll left center transparent !important;display:  block;float: right;height: 270px;padding: 0 5px 0 46px;width:  245px;z-index: 99999;position:fixed;right:-250px;top:20%;}      
.w2bslikebox div{border:none;position:relative;display:block;}      
.w2bslikebox  span{bottom: 12px;font: 8px "lucida  grande",tahoma,verdana,arial,sans-serif;position: absolute;right:  6px;text-align: right;z-index: 99999;}      
.w2bslikebox span a{color: #808080;text-decoration:none;}      
.w2bslikebox span a:hover{text-decoration:underline;}      
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2F214017085377265&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;   connections=9&amp;stream=false&amp;header=false&amp;height=270"  scrolling="no" frameborder="0" scrolling="no" style="border: medium  none; overflow: hidden; height: 270px; width:  245px;background:#fff;"></iframe><span>Widget by:<a  href="http://www.abda3design.blogspot.com">Abda3Design</a></span></div></div>