معهد خبراء بلوجر - اضافة النسبه المئويه لمدونات بلوجر

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

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

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

http://2.bp.blogspot.com/-BjMiwPjXt8...9%8A%D9%87.gif

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

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

كود PHP:


		
			
]]></b:skin>

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

كود بلغة 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:


		
			
</Head>

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

كود PHP:


		
			
<div Id='scroll'>

</Div>

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

كود PHP:


		
			
</Body>

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

كود بلغة 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

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