Tuesday, 16 August 2016

How To Add Colorful Scroll Bar in Blogger Blog ?


Why You Do This ?

Its Simple that Default Scroll Bar is Very Dull and very Old that is Not Eye Catching, But when Fill Colors in Scroll Bar so Think when Visitor Come On Your Website and Scroll Bar Attract the Visitor Eye and Visitor Said “Humm Nice Customization” So that is Reason You Change Your Default Scroll Bar.

Steps To Add Colorful Scroll Bar in Blogger :

  1. Go To Blogger and Login Your Account.
  2. Click On Template > Edit HTML.
  3. Now Starts Real Work Press CTRL+F and Find This Code ]]></b:skin> and Paste the Below Code Above This ]]></b:skin> Code & Click on Save Template.
/* Colorful Scroll Bar In Blogger Blog */::-webkit-scrollbar {background:#ffffff;width:12px;}::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);background-image: -webkit-linear-gradient(top, #FF0000 6%, #FF0000 29%);}::-webkit-scrollbar-track {}/* Colorful Scroll Bar In Blogger Blog*/

What You Can Do with This Code ? 

You can Edit This Code (top, #FF0000 6%, #FF0000 29%) and Change Scroll Bar into Desired Color Red, Green with HTML Color Picker Tool.
You can Also Change Width of Scroll Bar by Edit this Code {background:#ffffff;width:12px;} For Example : (12px, 10px, 8px). and Change Scroll Bar Background Body Color By Replacing #ffffff with your Desired HTML Color Code.
So Guys Its Really Easy To Do This So If You have any doubts in this post and Mistake made by me So Please Tell Me or Comment Below To Feedback.
Please Leave Comment Below Post For Feedback Purpose.

AddToAny