19 يوليو 2016




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


شرح طريقة التركيب :
    1. قم بالبحث فى قالب مدونت عن الوسم <b:skin/><[[     
    2. ثم قم بوضع الكود التالى فوقه - قبله:
#scroll { display:none; position:fixed; top:0; right:15px; z-index:500; padding:3px 8px; background-color:#F74047; color:#fff; border-radius:3px; font-size:14px; } #scroll:after { content: " "; position: absolute; top:50%; right:-10px; height:0; width:0; margin-top:-6px; border:6px solid transparent; border-left-color:#F74047; }

    1. قم بالبحث فى قالب مدونتك عن الوسم <body/>     
    2. ثم قم بوضع الكود التالى فوقه - قبله:
<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(600); if (scrollTimer !== null) { clearTimeout(scrollTimer); } scrollTimer = setTimeout(function() { $('#scroll').fadeOut(600); }, 1000); }); //]]> </script>

قم بالبحث فى قالب مدونتك عن الوسم <body>     

 ثم قم بوضع الكود المجاور اسفل >>>  <div id='scroll'></div>