تحميل KMSAuto Net أخر أصدار لتنشيط الويندوز والاوفيس مجاناً وأمن 2020

كيفية إضافة النسبة المئوية على شريط التمرير في مدونة بلوجر بعد تثبيت شريط التمرير بالمدونة إحدى الأشياء المميزة لتحسين مظهر موقعك أو مدونتك مما يجعل من مدونتك أكثر جاذبية لزوار موقعك أو مدونتك ويمكن يساعد إضافة النسبة المئوية الزوار على معرفة مدى وجودهم على صفحة المدونة التي يقرؤونها ولذلك إذا وضعت هذه النسبة على المدونة فما هي النسبة المئوية التى ستظهر على صفحة بدءاً من 0% وكذلك إذا كانت في الجزء العلوي تصل إلى نسبة 00% وإذا كانت في الأسفل تصل إلى 0% وبالنسبة لأولئك الذين لديهم مقالات او منشورات طويلة أو لديهم الكثير من التعليقات على مدوناتهم يمكنهم استخدام أداة النسبة المئوية على مدوناتهم ومواقعهم 

كيفية إضافة النسبة المئوية على شريط التمرير في مدونة بلوجر 

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

إذهب إلى مدونتك ثم المظهر ثم تحرير HTML  ثم CTRL +F وبعد ذلك أبحث عن هذا الوسم ]]></b:skin> أو </style> ثم أضف الكود التالي فوقه 

#scroll {
  display: none;
  position: fixed;
  top: 0;
  right: 20px;
  z-index: 500;
  padding: 3px 8px;
  background-color: #009632;
  color: #fff;
  border-radius: 3px;
}
#scroll:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: -8px;
  height: 0;
  width: 0;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left-color: #009632;
}

الإضافة الثانية قم بالبحث عن هذا الوسم </head> ثم ضع الكود التالي فوقه 

<div id='scroll'></div>

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

<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>

هذا كل شيء ومبروك عليك الإضافة وشكراً لك