How to Customize Blogger Scrollbar
hy Guys pak blogger here.today i will teach you how to customize blogger scrollbar.Did you even think you can change your default blogger scrollbar into your favourit scrollbar.its very easy you need to do just simple steps.
How to Customize Blogger Scrollbar
You can customize scrollbar easily. you can change its color style and etc so guys without wasting time we start..
Steps.
- First Login to you blogger dashboard
- Go to template >> Edit Html
- Press Ctrl+F and search this code [html]]]></b:skin>[/html]
- and paste following code just above
code to customize blogger scrollbar
[css]/*——–Scrollbar Customization by Newpakblogger.blogspot.com ———*/
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track {
background:#FFF; /*——put here the scrollbar collor ——*/
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;
border:1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background:#009933; /*——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);
}[/css]
::-webkit-scrollbar {
width:8px;
height:8px;
}
::-webkit-scrollbar-track {
background:#FFF; /*——put here the scrollbar collor ——*/
-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;
border:1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
background:#009933; /*——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);
}[/css]
- Then change as you wanna and after click on save button
No comments:
Post a Comment