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

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

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



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

اذهب الى قالب ثم تحرير HTML ثم ابحث عن
رمز PHP:

]]>

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

رمز PHP:

#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;
}

2- ثم قم بالبحث على



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

رمز PHP:

3- قم بالبحث على وسم

رمز PHP:

وضع الكود التالى قبله مباشرة

رمز PHP:

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

منقول من مدونة تكنوليبي
تكنوليبي

أكثر...