Add Custom Colorful Scroll Bar In Blogger Prajjwal Rajput Wednesday, July 02, 2014 No Comment

Hello Friends today I'm back and we're previously shared an Social media widget for blogger if you're not read our this post so click this link Horizontal Social Sharing Bar For Blogger Every blogger knows about the scroll bar generally it's located at the right hand side of your screen and appears when you slide your page down, it also helps you to show you how to customized the simple and default scroll bar in your blogger blog. It's very cool and customized Full pure CSS Scroll bar are specially made for Blogger platform. This scroll bar are easy to install in your blogger blog. Every Blogger wants that his blog is looking beautiful and professional than other blogs so, they changed their blogger blog default into very attractive and Eye friendly blogger blog. after begin the tutorial I would like to explain it's feature and I can tell you something about this. You can see it's demo click this below button.

LIVE DEMO

Custom Colorful Scroll Bars
It is beautiful custom scroll bar for blogger blog this scroll bars are easy to install and easy to customized You have seen some blogger blog you will show an ordinary and grey color scroll bar in every website, every blog and many other. This ordinary scroll bars has no ability to make more visitors and visitors fun its simple that default scroll bars is very dull and very old that's not Eye friendly and User friendly, But when fill colors in scroll bar so think when someone visit your blogger blog then seen and attract their eye to this scroll bar and he/she said "Humm This Blog was Beautiful: So that is reason to change your ordinary scroll bar with this custom colorful scroll bars.

How To Install Custom Colorful Scroll Bar In Blogger Blogs?
Now let's time to begin this tutorial. Before editing your template make it backup and save in your Hard Disk to add this scroll bar in blogger blog. Just follow below steps.

• Go To Blogger Dashboard>>Template>>Edit HTML
• Find this code using (Ctrl+F)

]]></b:skin>

• And paste the following below code above/before ]]></b:skin> 

/* Colorful Scroll Bar by NBT*/::-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 by NBT*/

Customization:-

• Replace #FF0000 with your first color code            {it color will appear in active window}
• Replace #FF0000 with your second color code     {it color will appear in inactive window}
• Finally, Save your Template
• CONGRATULATION! you're successfully changed your blogger blog scroll bar

Final Words

I hope you can add this bar in your blogger blog properly if not? you're facing problem during this process so please leave a comment and don't forget to like our Facebook page and also share this post in social networking sites with your friends.

Happy Blogging!

Tweet

Tags: Blogging Tips / Tutorials