Powered by Blogger.

Sunday, October 18, 2015

In , //

How To Change ScrollBar On Blogger

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.


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:

Powered By (Bilal Alyan)

Hello Friends ?

My Name is (Mohammad Bilal) 21year old, live in sargodha,pakistan. am a Blog Designer and Devolper.Read more





Post a Comment

Connect Form

Subscribe via Email

wordpress

Join us on Facebook

Translate

Total Pageviews