في هذا الدرس سوف نتعلم كيفية تثبيت اي جزء من الصفحة في مدونة بلوجر عند النزول او الصعود في الصفحة
و هذا الدرس .. هو درس بسيط وسهل
و كل ما ستفعلة هوة نسخ الكود (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;}
.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>
/* 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 القسم الي اسم القسم الذي تريد تثبيتة
و بكدة درسنا اليوم قد انتهي
و لا تنسو الاشتراك و الاعجاب والمشاركة و اذا واجهتك مشكلة او استفسار يجب ارسال رسالة او تعليق
What’s your Reaction?
0
Love
0
Smile
0
Haha
0
Sad
0
Star
0
Weary
