Default color of scroll bar in every browser is grey which can be customized easily. We can change the blogger's default scrollbar by customized its height and width, scroll bar color , thumb color, hover color when scrollbar is active. So, For we have to add CSS Code in Blogger's Template. Doing so, following these steps:
- Login To Blogger's Account.
- Now, Go To the Template/Theme. and click on "edit HTML".
- Then Find the code "]]></b:skin>" by applying Command CTRL + F in the HTML code Box.
- Just Above it, Place the Following CSS Code.
/*--------- Scrollbar Customization by Easy To Resolve--------- */::-webkit-scrollbar {width:8px;height:8px;}::-webkit-scrollbar-track {background:#FFF; /*------This is background color of scrollbar track ------*/-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;border:1px solid #D8D8D8;}::-webkit-scrollbar-thumb {background:#c0392b; /*------Thumb color ------*/-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.4); /*------Shadow on hover------*/}::-webkit-scrollbar-thumb:active {background:#333; /*------Thumb color when it is active------*/-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);}
- Then Save The Template. Your blogger's scrollbar style has been changed.
