Change Scrollbar Color in Blogger

This tutorial will show you how to change scroll bar of blogger. Scroll bar is usually too ugly.

Scrollbar shows on the right side of any website or web page, which is used to scroll down and up. You can navigate the website with scrollbar. You can make your blog scroll bar beautiful by customizing the html code in blogger. Scroll bar does not help you to improve seo or anything it is just a way to change your blogger look. It will be beautiful after changing the scrollbar.

Change Scrollbar in Blogger

Follow the instructions to customize the scrollbar in blogger just by editing template.

Login in blogger and go to dashboard.

Go to template and click on edit HTML.

Now press Ctrl+F to find the code and find ]]></b:skin>

Now copy the code below and paste before ]]></b:skin>

::-webkit-scrollbar{width:10px;height:8px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.3);background:#ffffff}
::-webkit-scrollbar-thumb{background: rgba(246,48,48,0.9);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(43,22,22,0.4)}

You can change the value of red colored to change the color of scrollbar. Choose your desired color.

After changing the color click on Save Template. Now you have successfully changed the scrollbar of your blog.

You can Change the Color of Scrollbar by changing the value

"246,48,48,0.9". 

You can change the Height and Width of Scrollbar by changing the value 
"width:10px;height:8px".

You can generate the color by using this tool: 

RGBA Generator.

If you love this post “how to change scroll bar in blogger” then share with friends and make this viral.

Video to Change Scroll Bar in Blogger