كيفية تغيير شكل السكرول بار في بلوجر بطريقة صحيحة

مرحبا بكم متتبعي مدونة المبتكر في درسنا الجديد والبسيط الذي سوف نشرح فيه كيفية تغيير شكل السكرول بار في بلوجر بطريقة صحيحة انا بنفسي كنت اعاني من السكرول بار التي كنت اضيفها في مدونتي و اليوم و الان هل المشكلة عندي  

اول خطوة نقوم بالبحت ]]></b:skin>  عن و نضع هذا الكود فوقها

/* salimpro
----------------------------------------------- */
::-webkit-scrollbar {
width:8px;
height:8px;
}

::-webkit-scrollbar-track {
background:#FFF;
-webkit-box-shadow:inset 1px 1px 2px #FF0027;
border:1px solid #fff;
}

::-webkit-scrollbar-thumb {
background:#FF0027;
-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);
}

::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb:active {
background:#fff;
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);
}
 

وأخيرا قم بحفظ و انتهت مشكلتك مع السكرول بار