بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اهلا ومرحبا بكم من جديد في
معنا اليوم انشاءالله اضافة جديده وجميله مقدمه لكم من
مدونة الاوائل
وهي اضافة النسبه المئويه لمدونات بلوجر
طريقة تركيب الاضافة
نقوم بالدخول الي لوحة تحكم المدونة
بعد ذلك نضغط علي قالب ثم تحرير html
نضغط ctrl+f ونبحث عن هذا الكود
بعد ذلك نضع هذا الكود فوقه مباشرة
كود بلغة HTML:
#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:
<div Id='scroll'>
</Div>
نقوم بالبحث علي
ثم نضع هذا الكود فوقه مباشرة
كود بلغة HTML:
<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
وشكرااا والسلام عليكم ورحمة الله وبركاته