إضافة صندوق معجبين الفيسبوك مثل المتواجد فى مدونة hamoegy

إضافة صندوق معجبين الفيسبوك مثل المتواجد فى مدونة المنافس

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

أولاً : قم بالدخول على إعدادات مدونتك ثم قم بالدخول على Layout .

ثانياً : إضغط على Add a Gadget ثم إختر HTML / JavaScript 

ثم أضف هذا الكود و قم بتغيير ما هو باللون الأحمر إلى رابط صفحة المعجبين لديك .

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpGBD_f_j8dPIBTcm3uCbb8DGF6tBUk8ymx9CPW2eg2h8UiuKU-mZA0bqhhAAmAjTpAAvD6E6nFEzaw-weiv82v4sDvAjXY19tfoPtZNIXCwOJbNjKvRYF0v0UobjTFuv53wsOPiE2pa8/s200/facebook_static%2520button-standard-netoopsblog.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.abtlikebox span a{color: gray;text-decoration:none;}
.abtlikebox span a:hover{text-decoration:underline;}
}
</style>
<div class="abtlikebox" style="">
<div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2fm.hamed.frhat.73&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span><a href="http://th4rival.blogspot.com/">مدونة اكاديميه الشباب للتكنولوجيا </a></span>
</div></div>

^_^ إن أعجبك الموضوع قم بنشره ^_^

تم الاعداد بواسطه محمد حامد فرحات ولكثير من المعلومات http://hamoegy.blogspot.com/ https://www.facebook.com/m.hamed.73