تثبيت صندوق الأدوات بالسايد بار

السلام عليكم ورحمة الله تعالى وبركاته

مجددا أعود لكم بإضافة وطريقة جد سهلة لتثبيت صندوق أدوات بالقائمة الجانبية [السايد بار] ، الصندوق يثبت بعد النزول لصفحة عند تجاوز جميع الصناديق التي توجد لديكم بالسيدبار ، يبقى صندوق واحد مثبت يذهب معك أينما كنت ايضا يمكن إختيار أي أداة لتبقى ضاهرة كإعلان أو شيئ اخر يظهر لكم مناسب الأكواد المستملة هي jQuery و
Css فقط أعتقد سنمر للمعاينة لتتوضح لكم الرؤية عما أقدمه في هذه التدوينة بعدها نمر لتطبيق

معاينة

شرح طريقة التركيب:

1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن :

]]></b:skin>

3. ضع الكود التالي فوقه

.sticky {
position:fixed;
top:50px;
z-index: 100;
} }

4. ابحث عن

</body>

ضع الكود التالي فوقه

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#Followers1').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
    $('#Followers1').addClass('sticky');
} else {
    $('#Followers1').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>