HOW TO CREATE CUSTOM WEBKIT SCROLLBAR IN BLOGGER

Share On Google+Add This To DeliciousTweet/ReTweet ThisShare on FacebookStumbleUpon ThisDigg This

Do you want to enhance the Scroll bar of your website? Scroll bar appears at the right side of the screen and, it allows users to scroll down the page whenever they drag there mouse up or down the page. To provide a user-friendly experience to your visitors, it is essential to have a Smooth Scroll bar. However, there is no doubt that Custom Scroll bar does the job quite handsomely, but it is not perfect. Few days ago, our reader informed us about the colorful Webkit Scrollbars that he has seen on different websites. Furthermore, he also requested us to develop a similar one. Therefore, in this article we will learn How to Create Customize Webkit Scrollbar in Blogger BlogSpot Blog?There is no lethal reason why a person could say a no to Customized Scrollbar because it adds a new elegant life to his website. Consider that a person has a highly professional website but since, the Scrollbar is from old-school, so it is quite clear that, it will destroy the complete outlook of a website.

How to add Webkit Scroolbar in Blogger

• Go to Blogger.com >> Template >>Edit HTML >> Proceed
• Now Search ]]></b:skin> and above it Paste the Following CSS Coding

/* --- CoolDoodTricks CUSTOM WEBKIT SCROLLBAR IN BLOGGER BLOG --- */
::-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%, #33669951%);
}
::-webkit-scrollbar-track {
}

• Then Replace #336699 with the color that you want to see in the Scrollbar.

Credit: MBL (My Blogger Lab)

Kindly Bookmark this Post using your favorite Bookmarking service: