طريقة تثبيت أداة في السيدبار

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

مرحبا بكم من جديد في تدوينة جديدة، هذه المرة مع اضافة رائعة لمدونات بلوجر. في هذا الموضوع ان شاء الله سنتطرق الى طريقة من اجل جعل اداة في السيدبار تتحرك الى الأسفل عند النزول الى اسفل المدونة، هذه الاضافة اصبحت مطلوبة لما لها من فوائد عديدة بحيث يمكن ان تقوم بتطبيقها على اعلان مثلا وبالتالي زيادة لفت انتباه الزوار، وبالتالي ارباح كبيرة.

لمعاينة الاضافة ادعوك لزيارة هذه المدونة : هنا

ستلاحظ انك عند النزول الى الأسفل ستواجه اداة تتحرك معك دائما. اتمنى ان تكون الفكرة قد وصلت.

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

• توجه الى القالب ومن ثم تحرير
• ابحث عن الكود التالي : ]]></b:skin> (استعمل ctr+F)
• ثم الصق الكود التالي فوقه/قبله

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

• الأن ابحث عن </body> وضع الكود التالي فوقه

<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#معرف الأداة').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();  
if (scrollTop > stickyWidgetTop) {
    $('#معرف الأداة').addClass('sticky');
} else {
    $('#معرف الأداة').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
    stickyWidget();
});
});
</script>

لا تنسى تغيير "معرف الأداة" بمعرف الاضافة التي تود تحريكها

طريقة معرفة معرف اي أداة :

• توجه الى تخطيط
• اختر الاداة المراد تطبيق الشرح عليها ثم اضغط على تحرير
• اذهب الى آخر عنوان URL وستجد المعرف هناك كما هو مبين في الصورة

كيفية الحصول على المعرف

وفي الأخير ستلاحظ ان الاضافة شغالة ونتمنى منكم التفاعل عن طريق التعليقات ومشاركة الموضوع مع اضدقائك