How to Change Blogger Scroll Bar With Stylish Scroll Bar

How To Change Scroll Bar Of Blogger Blog

So lets see how we can change the scroll bar.

Steps to change style of Scrolling Bar:

Step 1: Go to Blogger Dashboard> Template> Edit HTML.
Step 2: Copy the following code.

/* Webkit Scrollbar */::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: #ffffff;-webkit-box-shadow: inset 1px 1px 2px #E0E0E0; border: 1px solid #D8D8D8;}::-webkit-scrollbar-thumb {background: #3498db;-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4); }::-webkit-scrollbar-thumb:hover {background: #AAA;}::-webkit-scrollbar-thumb:active {background: 000066;-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);}

Step 4: Now search for the following code.



]]></b:skin>

Step 5: Paste the above code just after/above the ]]>
.

Customization

1. To change the with of Scroll Bar change it...

 width: 10px

2. To chnage the color of the Scroll Bar change it...

 background: #3498db

You have done this. Now refresh you blog page and you will see a new look of you scrolling bar.

Tweet