جعل القائمة الأفقية الرئيسية ثابته لا تتحرك

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

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

طريقة جعل القائمة الرئيسية لمدونة بلوجر  ثابته لا تتحرك أثناء النزول لأسفل المدونة،وإنفصالها عن هيدر المدونة ،مما يتيح لمن يتصفح مواضيع مدونتك،معرفة لأقسام مدونتك ،وعناوين صفحات مدونتك،
وجعل المدونة أكثر إحترافية ،أداة مهمة جداً،تسهل لزائر مدونتك الوصول السريع لموضوعات مدونتك.
    1) نتوجه إلى المدونة   ثم    قالب  .
    2) تحرير HTML   و نبحث عن الكود   </body> .
    3) نقوم بالوضع الكود الثالي قبله مباشرة  "فوق </body>" .

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() { // Menentukan elemen yang dijadikan sticky yaitu .nav var 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 fungsi stickyNav(); $(window).scroll(function() { stickyNav(); }); }); //]]> </script>

 

مع تغيير الرمز المحدد برمز القائمة الأفقية في مدونتك