Every blogger wants to customize his/her blog to their taste. By default in blogger blog exist a not so good looking Scroll Bar. What if we can add some colors to it. So why are you waiting; here is an excellent way to Add Colorful Scroll Bar In Blogger Blog.
Step-wise Tutorial on How To Add Colorful Scroll Bar In Blogger Blog
Step 1 : Go to Blogger Dashboard
Step 2 : Click on Template
Step 3 : Click on Edit HTML
Step 4 : Now press Ctrl + F and find ]]></b:skin> and paste below mentioned Code above it
 |
| Colorful Scroll Bar In Blogger Blog |
Step-wise Tutorial on How To Add Colorful Scroll Bar In Blogger Blog
Step 1 : Go to Blogger Dashboard
Step 2 : Click on Template
Step 3 : Click on Edit HTML
Step 4 : Now press Ctrl + F and find ]]></b:skin> and paste below mentioned Code above it
/* Colorful Scroll Bar In Blogger Blog */::-webkit-scrollbar {background:#ffffff;width:12px;}::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);background-image: -webkit-linear-gradient(top, #0066FF 6%, #0066FF 29%);}::-webkit-scrollbar-track {}/* Colorful Scroll Bar In Blogger Blog*/
Step 5 : Now click on Save Template and you are done.
Customization:-
(1). Thickness of scroll bar - width:12px change 10 to your desired number such as 8 or 15.
(2). Background Color - background:#ffffff
(3). Scroll Bar Color - (top, #0066FF 6%, #0066FF 29%)
I hope you will add an amazing scroll bar to your blog. Feel free to ask anything if you have any trouble. If you have good time reading this post please share with your friends.
Happy Blogging!!!