معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   اضافة النسبه المئويه لمدونات بلوجر (https://www.bloggerexp.com/showthread.php?t=15477)

احمد مجدي 09-10-2014 08:16 AM

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

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

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


اهلا ومرحبا بكم من جديد في :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

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




الساعة الآن 11:54 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012