أضافة صندوق الفيسبوك عائم ومنزلق بتقنية jequery لمدونة بلوجر

السلام عليكم 
  قد تطرقت الى اضافات صندوق المعجبين   وبعض الاضافات الأخرى ,لكن تبقى أحسنهم هي هده الاضافة  التي تعمل بتقنية  jquer , تكون الاضافة  تابتة  في جنب مدونتك وتنزلق عند التأشير عليها,الاضافة جميلة 

طريقة التركييب   

لاتنسى اخد نسخة احتياطية للقالب 
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
ثم ابحث عن الكود التالي

</head>
ثم أضف الكود التالي تحته مباشرة

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

ملاحضة ادا كنت قد أضفت مثل هدا الكود سابقا فتجاهله

ثم أضف الكود التالي 

طريقة التركيب

.1 اذهب للوحة التحكم 

2. تخطيط او تصميم

3.عناصر الصفحة

4. اضف اداة

6.اختار  Html/Javascript

 هدا هو الكود 

<script type="text/javascript"> //<!-- $(document).ready(function() {$(".mdslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .mdslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsBBt5JnDvGFvhgwB03Y9QHNsHFTlPzZdL6AmSkHllglYQP6nV-MV1aNU4kmkYn_QqIqQffCcDl1kGzTRbK2d7FmBgUmMee-XzNtAxaxJjVtRldOmO8uclFMLiIE5_L-eDkqTIGjqkmt0O/s1600/%5Bwww.chamelcool.blospot.com%5Dfacebookbadge.png") 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%;} .mdslikebox div{border:none;position:relative;display:block;} .mdslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .mdslikebox span a{color: #808080;text-decoration:none;} .mdslikebox span a:hover{text-decoration:underline;} </style><div class="mdslikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fpagename&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=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.chamelcool.blogspot.com/">chamelcool</a> / <a href="http://chamelcool.blogspot.com/"></a></span></div> </div>
 ملاحضة  بدل pagename   باسم صفحتك على الفيسبوك
الى اللقاء ...ابو هشام