CHANGE SCROLL BARS IN BLOG
so there is need of customizing the scroll bar in blogger. Let us take an example of a whole custmizeable blog that has been designed and has pretty look but has an ordinary look of scroll bar, what does this effects?, the visitors of that blog or site thinks that the site is old.
So if you are ready to add the or customize the scroll bar of your blog, then you have to follow the steps given below :
Customizing Blog Scroll Bar
- First of all go your blog and then go to template.
- After going there now click on the Edit Html and then proceed.
- Now find this code in your template ]]></b:skin>
- Before this ]]></b:skin> paste anyone of the given code below.
Code 1 in SILVER colour :-
::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
CODE 2 IN RED COLOUR :-
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #DF1032 10%, #DF1032 51%);
}
Code 3 in PINK colour :-
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #F778A1;}
::-webkit-scrollbar-thumb {
background-color: #FDEEF4;
-moz-border-radius: 10px;
border-radius: 10px;
}
To Get More Colors Edit the orange Tags..
