اضافة تثبيث شريط الأقسام العلوي أو قائمة الروابط علي بلوجر

شرح جديد ضمن اضافات بلوجر لطريقة تثبيث شريط الأقسام العلوي أو قائمة الروابط وأي اضافة أخرى من اضافات بلوجر فى القائمة الجانبية أو الشريط العلوي لصفحة

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

الطريقة جد سهلة وبسيطة. كل ما عليك فعله هو اضافة كود CSS وكود JAVASCRIPT و القيام ببعض التعديلات في قالب مدونة بلوجر.

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

إضافة كود التثبيث CSS في مدونة بلوجر

• 1 - اتجه الى تعديل القالب عبر تعديل HTML.
• 2 - قم بالبحث عن الوسم </b:skin> 
• 3 - اضف فوقه هذا الكود.

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

إضافة كود التثبيث JavaScript في مدونة بلوجر

• 1 - قم بالنزول الى اسفل صفحة تحرر قالب مدونتك تجد وسم </body>
• 2- اضف فوقه كود جافاسكريبت هذا.

<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>

• 3 - ستجد في هذا الكود كلمة َ"Add ID Or Class"، يجب تغييرها حسب اسم "ID" أو "CLASS" الخاص بالاضافة الذي تريد تثبيثه في صفحة بلوجر الخاصة بك.

أتمنى أن يكون شرج اليوم "شرح كيفية تثبيت الأقسام أو قائمة الروابط على مدونة بلوجر" واضح.

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

wesam developer

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا