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

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

• معاينة

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

1. توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن ]]></b:skin> ثم ضع الكود التالي فوقه

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

3. ابحث عن </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>

5. لتثبيت صندوق الأداة الذي تريده عليك بوضع معرف الأداة بدل Followers1 ولا تحذف الهاشتاج
* لمعرفة معرف الأداة تابع الصورة
1. إذهب لتخطيط حرر الأداة التي تريد :

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

By glok

Similiar tagsاضافات بلوجر