إضافة النسبة المئوية لسكرولبار

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

و الصلاة و السلام على أشرف المرسلين

دائما مع الإضافات .. و مع إضافة رائعة تضيف لمسة فنية على مدونتك .. تتمحور حول إضافة النسبة المئوية للسكرولبار .. الشرح سيكون كتابيا 

 لن أطيل عليكم .. نبدأ على بركة الله .. 

من بلوجر ==> قالب ==> تحرير html ثم ابحث عن الكود التالي .:

]]></b:skin>.

ثم ضع قبله الكود التالي :

#scroll {
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #2187e7;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: ” “;
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2187e7;
}

بعدها نبحث عن :

 </head>

ثم ضع بعده الكود التالي :

و أخيرا ابحث عن :

</body>

ثم ضع بعده :

ثم اظغط حفظ .. و إلى هنا أكون قد انهيت الدرس ..

إلى اللقاء في درس جديد بإدن الله ..

دمتم بود.

شجعنا بلايك أو بمشاركة على المواقع الإجتماعية

Tweet

Sharing Widget by Imad Rafai

عن التدوينة :

عن المدون

أنا عماد الرافعي من المغرب .. هدف المدونة هو نشر المعرفة بعيدا عن الربح
للتواصل معي :
- - -

روابط التدوينة قابلة للنسخ و اللصق :

Url :

Html :

BBC :