How to add a colour ful Scroll bar to blog/website?

How to add a colour ful Scroll bar to blog/website?

Well many bloggers/websites like me always wanted to change the scroll bar of their blogs to colourful one. That's why today in this tutorial i am gonna show you how to do that!

So let's start:
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 Tech stuff 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 Tech stuff Blog*/

Step 5 : Now click on Save Template and you are done.

Code to customize:

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%)

Thats all. You just added a colourful Scroll bar to your blog or website.

If you want to know more html color codes then visit here>>HTML Color Picker

Happy Blogging!!!