Blogger

شرح طريقة تثبيت شريط القائمة و الاقسام العلوية او الجانبية لمدونة بلوجر

في  هذا  الدرس  سوف  نتعلم  كيفية   تثبيت  اي  جزء من الصفحة  في مدونة بلوجر   عند  النزول  او الصعود  في الصفحة 

و  هذا  الدرس  .. هو درس بسيط وسهل
و  كل  ما ستفعلة  هوة  نسخ  الكود (css  )  و   ( java scribt )  الذي  في الاسفل   و  ووضعة  في  قالب  بلوجر

شرح  طريقة تثبيت شريط القائمة و الاقسام العلوية او الجانبية لمدونة  بلوجر
شرح  طريقة تثبيت شريط القائمة و الاقسام العلوية او الجانبية لمدونة  بلوجر

قم   بالبحث  عن  الوسم    < /b:skin >    ثم  انسخ  هذا  الكود  و  قم باللصق  فوق  هذا  الوسم

 /*—— CSS make sticky widget blogger by:www.arabes1.com ——*/
.sticky {position:fixed;
top:10px;/* distance from the top*/
z-index: 100;}

ثم   قم   بالبحث  مرة اخري   عن  الوسم   < /body >   ثم  انسخ  هذا  الكود  و  قم باللصق  فوق  هذا  الوسم  اسكريبت

 <script type=’text/javascript’>
  /* script make sticky widget blogger by:www.arabes1.com */
$(document).ready(function() {
var stickyWidgetTop = $(‘add id or class’).offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
$(‘add id or class’).addClass(‘sticky’);
} else { $(‘add id or class’).removeClass(‘sticky’);
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>
و   عند 

 لصق  الكود  في  قالب المدونة 

 يجب  عليك تغيير   كلمة   add id او  class    باسم  id القسم    الي  اسم  القسم  الذي  تريد تثبيتة 

و بكدة  درسنا  اليوم  قد انتهي
و لا تنسو  الاشتراك  و الاعجاب  والمشاركة    و  اذا واجهتك    مشكلة  او استفسار  يجب  ارسال  رسالة او تعليق 

Tags
Show More

Related Articles

Hozzászólás

Translate »
Close