قالب Gravity النسخة الثانية معرب ومطور

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

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

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

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

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

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

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

</Head>

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

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

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

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

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


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

تعديل المشاركة

• Whatsapp
• Print