How to Change Blogger Scrolling Bar?

Scrolling Bar is used to see the Long through Documents. In Web Pages Scroll Bar is displayed on the Right Side of the Webpage. But it is in Left Side if page Webpage in Urdu or Arabic Version. Dependence of theses scrolling bar are on Your Computer Browser or Windows Operating System. If you are using Windows XP OS than it has its own Scrolling bar (Blue Scrolling bar) and same situation in Windows 7 or Windows 8 (built Scroll bar).In this Tricks I will teach you how to you can change your blogger scrolling bar.




Read Also: How to Add Auto Signature in Your Every Blog Post?

Demo:

Steps for Add a Stylish Scrolling Bar
Step 1: Go to Blogger Dashboard>>Templates>>Edit HTML
Step 2:Now Search for ]]>
Step 3:Paste this following code before/Above  ]]>

/* TheTricksLab */ ::-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, #336699 10%, #336699 51%); } ::-webkit-scrollbar-track { }

As shown in Image:

Step 4:Save your Template and Refresh your Blog and see the Scrolling Bar

You are all done.