4 How To Change ScrollBar On Blogger

Here i have override the Html css code with css3 to change html scrollbar, this css3 webkit feature being added to html by overriding the css code ant it will change old white scrollbar to colored scrollbar and its width, this scrollbar give a beautiful look to your blog/website.So Follow My Steps.

Demo

1-> Login Your Blogger Account

2->Click On Template 

3->Click On Edit Html

4->Find The Following Code (Tip Find The Code Press CTRL+F)

]]></b:skin>

5->After Finding This Code Paste The Following Code Before ]]></b:skin>

/* Webkit override Scrollbar with CSS3 */

::-webkit-scrollbar {

width: 8px; height:8px;

}

::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);

background:#fff;

}

::-webkit-scrollbar-thumb {

background: rgba(186,35,35,0.8);

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

}

::-webkit-scrollbar-thumb:window-inactive {

background: rgba(186,35,35,0.4);

6->Save Template 

Yipee Now Check Your Blog And Enjoy

Please Leave Question And Comment Below