Add A Stylish Scroll Bar In Blogger

 

Designing and decoration are the major components to attract the customers towards your business either it’s some kind of a physical business or it’s an online business. But when we talk about the online business such as your blog then it’s the interface that always matters. A nice-looking interface always attracts the readers and visitors and force to spend out their time at your blog. You can decorate your blog by giving variety of looks to different components like menus, headers, footers, sidebars, scroll bars etc. I personally have seen, and you might have also observed that many webmasters and pro bloggers have applied the range of appearances with their blog theme. It’s kind of fun to play with your blog interface and it’s better to give new look from time to time. Hence, i come up with the tutorial to represent you that how you can add a Stylish Scroll Bar in your blog

---

123

Let’s See How You Can Fit The Stylish Scroll Bar In Your Blog.

1. Log in to your Blogger Dashboard.

2. Go to Template > Backup (Click Here To See, How?)

3. Now click “Edit HTML.”

                                   

/*-----------Stylish Scroll Bar Starts-----*/
::-webkit-scrollbar
{
background:#fff;
width:8px;
}
::-webkit-scrollbar-thumb
{
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #A9A9A9 10%, #A9A9A9 51%);
}
::-webkit-scrollbar-track {
}
/*-----------Stylish Scroll Bar Ends-----*/

6. Click Save Template.

That’s it. Refresh your blog to see the Stylish Scrolling Bar.

Note:-
 Change #A9A9A9 to your own color to match with your blog.