كيفية تغيير شريط التمرير بتقنية CSS3 لمدونات بلوجر

زوار ومتابعي المدونة 

أسعد الله أوقاتكم بكل خير ومحبة

درسنا اليوم رائع جداً وخفيف 

سوف نتعرف على كييفية تغيير شريط التمير بتقنية CSS3

نبدأ بالشرح 

1- إدخل إلى مدونتك | أختر تحرير قالب .

2- إبحث عن الوسم : 

]]></b:skin>

3- ضع الكود التالي فوقه :

/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);

4- احفظ القالب .