How To Change Scrollbar Color In Blogger

For Demo See My Blog I Already Have This Different Scrollbar For My Blog.




Changing Scrollbar Color Or Adding Effect To Scrollbar Is Amazing, It’ Looks Awesome Because We Can Change It With Our Blog Design And We Can Change It Manually, Here In Scrollbar We Can Change Color And add Effect Threw CSS Coding, Now Bogging Is Our Passion So Here We Are Changing Browser’s Scrollbar For Our Blog, We Can Add Many Type Of Effects Which Are Suitable For Our Blog And It’s Very Easy To Implement In Blogs.
Here See Demo Of This Different Scrollbar,

Here Some Limitation And It’s About Browsers, Some Old Browsers Are Not Supported This So Best Result Use Latest Version Of Google Chrome And Mozilla Firefox.
You May Like This :- Social Sharing Tools And Widgets For Blog

So Let’s See How To Add Different Scrollbar To Blogger Blog,

Step 1 :- Go To Blogger–>Template–>Edit HTML.

Step 2 :- Find “]]></b:skin>” [For This Use Ctrl+F].

Step 3 :- Copy Below Code And Paste Above It.

/* CBT Scrollbar CSS Effect [Webkit] */
::-webkit-scrollbar {
width:12px; height:7px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(28,119,229,0.7);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(116,188,99,0.5);

Note :-
You Can Change Color Of Scrollbar Which Is “#fff“
You Can Also Change Width And Height Of This Scollbar. [7px And 12px]

Step 4 :- Now Click One “Save Template“.
That’s All,