[احمد مجدي]

بسم الله الرحمن الرحيم

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

اهلا ومرحبا بكم من جديد في
معنا اليوم انشاءالله اضافة جديده وجميله مقدمه لكم من مدونة الاوائل
وهي اضافة النسبه المئويه لمدونات بلوجر



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

نقوم بالدخول الي لوحة تحكم المدونة
بعد ذلك نضغط علي قالب ثم تحرير html
نضغط ctrl+f ونبحث عن هذا الكود

كود PHP:

]]></b:skin> 


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

#Scroll{  
Display:None;  
Position:Fixed;  
Top:0;  
Left:20px;  
Z-Index:500;  
Padding:3px8px;  
Background-Color:#2187e7;  
Color:#Fff;  
Border-Radius:3px;  
}  
  #Scroll:After{  
Content:””;  
Position:Absolute;  
Top:50%;  
Left:-8px;  
Height:0;  
Width:0;  
Margin-Top:-4px;  
Border:4pxsolidtransparent;  
Border-Left-Color:#2187e7;  
}

نقوم بالبحث علي هذا الكود

كود PHP:

</Head> 


بعد ذلك نضع أسفله هذا الكود

كود PHP:

<div Id='scroll'>
</Div> 


نقوم بالبحث علي

كود PHP:

</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);  
});

وكده نكون اضفنا الاداة

المصدر:http://elawaael.blogspot.com/2014/09...ercentage.html

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