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

السلام عليكم ورحمة الله وبركاتة اقدم لكم اليوم شرح لاضافة تغيير علي شكل السكرول بار لمدونتك
وجعلها بشكل انيق ورائع بطريقة بسيطة وسهلة
الشرح :
نذهب الي صفحة القالب ثم تحرير HTML ثم نبحث عن : ]]></b:skin>
ونضع الكود التالي اعلاه : 

?

1

::-webkit-scrollbar{ background:#fff; width:15px;}::-webkit-scrollbar-thumb{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.5); -webkit-border-radius:30px; background-image:-webkit-linear-gradient(top,#9bcfff 25%,#0e8aff 51%);}::-webkit-scrollbar-track{ -webkit-shadow:inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius:30px