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.
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
0 comments:
Hello Friends ?
My Name is (Mohammad Bilal) 21year old, live in sargodha,pakistan. am a Blog Designer and Devolper.Read more
Post a Comment