How To Customize Scrollbar In Blogger

Scrollbar is appeared at the right side of any website which is used to navigate the website. It is not necessary to change the default scrollbar. The only reason to customize the scrollbar is the

"Beauty". By customizing, the scroll bar looks beautiful and attractive. So in this post, I will show you how to customize the scrollbar.

1. First of all, go to your blogger dashboard, click on the arrow pointing downwards on the right upper corner of the dashboard and select "Template".

2. On the template page, select "Edit HTML".

3. An HTML Document of your blog appears. Now find ]]></b:skin> and paste the following code just before ]]></b:skin>

:-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #620000 12%, #620000 53%);
}
::-webkit-scrollbar-track {
}

4. Replace the red highlighted 620000 colour code with your desired colour according to your blog template.

5. Click on "Save Template" and you have done! Now check your blog and see a customize scrollbar.

You also want to read: How To Reduce Page Load Time For Blog