How to Add Custom Scroll Bar To Blogger?

To make your blog look good you need to have something different from others. In this post, we  have made such a different thing which can make your blog looks different from others.This customized scroll bar for blogger. This scroll bar will work same as like the classic scroll bar just the looks will be changed.

Steps To Add Custom Scroll Bar To Blogger:

• Log in to your Blogger Account.
• Go to Templates >> Edit HTML.
• Find for ]]></b:skin> tag.
• Paste the below code just below ]]></b:skin> tag.

::-webkit-scrollbar {
background:#fff;/* Scroll Barground*/
width:13px;
}
::-webkit-scrollbar-thumb { /* Scroll Bar Thum Codes */
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #41B7D8 10%, #41B7D8 51%);
}

 /* If You Don't Want Buttons You Can Remove This Code */

::-webkit-scrollbar-button {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background:#B8B8B8;
}

Now, click on Save the Template.

So now when you refresh your blog you will see the customized scroll bar.