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

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

مجددا أعود لكم بإضافة وطريقة جد سهلة لتثبيت صندوق أدوات بالقائمة الجانبية [السايد بار] ، الصندوق يثبت بعد النزول لصفحة عند تجاوز جميع الصناديق التي توجد لديكم بالسيدبار ، يبقى صندوق واحد مثبت يذهب معك أينما كنت ايضا يمكن إختيار أي أداة لتبقى ضاهرة كإعلان أو شيئ اخر يظهر لكم مناسب الأكواد المستملة هي 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>

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

* لمعرفة معرف الأداة تابع الصورة

1. إذهب لتخطيط حرر الأداة التي تريد

 

ومبروك عليك التطبيق، أنصحكم بثبيت اخر صندوق اداة لديكم سيظهر أكثر إحترافية كما بالمعاينة .. تحياتي 

10:27 ص