طريقة جعل قائمة المدونات تتحرك مع النزول الى اسفل المدونة

السلام عليكم في موضوع جديد وحصري لــمدونة إبــداعاتي 

السلام عليكم ورحمة اللـه متابعى مدونة ابداعاتى الكرام أقدم لكم اليوم موضوع جديد و حصرى كالعادة من مدونة ابداعاتى وهو بعنوان جعل قائمة المدونات تتحرك مع النزول إلى أسفل المدونة أى جعلها معلقة عند التمرير لأسفل المدونة و ربما يسألنى البعض عن أهمية تلك الخدعة البسيطة >> فهى تسهل على الزائر التنقل السريع بين الأقسام فى القائمة فى أى مكان فى المدونة ولكى لا أطيل عليكم تابعوا معى الشرح

طريقة جعل قائمة المدونات تتحرك مع النزول إلي أسفل المدونة 
( أى جعل القائمة معلقة عند التمرير لأسفل المدونة )

كان الأخ محمود سعيد ( مدير عام مدونة ابداعاتى ) قد تخدث فى موضوع سابق عن جعل أى اضافة فى المدونة معلقة عند التمرير للأسفل و هذا الموضوع مبنى على تلك الفكرة >> الموضوع من هنا

إاذا أعجبك عنوان الموضوع تابع الشرح

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

نذهب الى لوحة التحكم >> ثم القالب 

>> ثم تحرير HTML ونبحث عن وسم الـ  <body/>
بالضغط على CTRL + F 

نضع فوقه ( قبله ) مباشرة ذلك الكود 

<script type='text/javascript'>//<![CDATA[$(document).ready(function() {// Menentukan elemen yang dijadikan sticky yaitu .navvar stickyNavTop = $('#nav').offset().top;var stickyNav = function(){var scrollTop = $(window).scrollTop(); // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya if (scrollTop > stickyNavTop) {$('#nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });} else {$('#nav').css({ 'position': 'relative', 'width': '100%' });}};// Jalankan fungsistickyNav();$(window).scroll(function() {stickyNav();});});//]]></script>

غير ماباللون الاحمر الى الاي دي ( id ) الخاص بقائمة مدونتك الأسهل عليكم الامر ابحث عن ( الرئيسي ة) او اي قسم من اقسام القائمة وستجد الأي دي فوقها 

شاهد الصورة

اتمنى ان تنال اعجابكم الاضافة 

في امان الله

إلى اللقاء فى موضوع أخر لمدونة ابداعاتى

من فضلك اضغظ لايك لمشاهدة لينك التحميل