اضافة نسبة مئوية للمدونات بلوجر

السلام عليكم ورحمه الله وبركاته 

اليوم ويانة اضافة جميلة للمدونات البلوجر

هي نسبة الئوية 

التي يظهر لك مع سكرول بار 

حقيقتأ اضافة جميلة 

للتركيب اضافة 

اول تذهب الى مدونة

قالب ثم تحرير HTML

نبحث عن كود 

</head>



                                              ونضيف هذا كود فوقة مباشره
                                          

<style> #scroll { display:none; position:fixed; top:0; right:20px; z-index:500; padding:3px 8px; background-color:#2187e7; 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:#2187e7; } </style>




ونضيف كود ثاني اسفل </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>




واضغط حفظ ومبروك عليك اضافة 

وانتظرو كل جديد من حمزه ويب