اضف صندوق الفيس بوك الى مدونتك بتقنية Jquery

بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين.
اضافة جميلة هي بمثابة صندوق الاعجاب الخاص بفيس بوك الممزوج بتقنية jquery الرائعة

كما هى موجوده فى موقعى المتواضع

انت كل ما تريد هو كيفية اضافتها لمدونتك حسنا هيا تابع الشرح معي طبعا الشرح جد سهل كما العادة
ادخل على تصميم/ تحرير html/ قم توسيع القالب وخذ نسخة اضافية الان ابحث عن:


</head>

ثم اضف قبله هذا الكود

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

ثم توجه الى تصميم/اضافة اداة/html/java ثم اضف الكود التالي

<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/AVvXsEhmuADO7ADEcb7KYfd3_94ySj1w6fu2Diw6arIbmdhTZpLvw6c5LPDcotW-niHzCG0Zba87OBFZS5iRwDMTgm9oqc0WXJ3V7FgNQFVnDRtwum_2tOlBDbHO6U6g_pt_9H4QVNHXiw18bah7/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%2Fenet-live.blogspot&width=245&colorscheme=light&show_face s=true&connections=9&stream=false&head er=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.way2blogging.org/">Way2blogging</a> / <a href="http://www.way2blogging.org/2011/06/add-static-facebook-pop-out-like-box.html">+Get This!</a></span></div></div>

اللون الاحمرهو اسم المستخدم للصفحة مثلا

www.facebook.com/enet-live.blogspot

اذن استبدل enet-live.blogspot ب عنوان صفحتك