GuidePedia

Breaking News

how to Add Custom CSS Scroll bar for Blogger

TO ADD BEAUTIFUL CSS SCROLL BAR IN BLOGGER :-

To install this plugin just follow this simple steps
Go to blogger Dashboard >> template Section >> Customize template>>
Go to advanced Section >> Custom CSS Now paste the following codes


/* Webkit Scrollbar */ ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background: #FFFFFF; -webkit-box-shadow: inset 1px 1px 2px #E0E0E0; border: 1px solid #D8D8D8; } ::-webkit-scrollbar-thumb { background: #646464; -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4); } ::-webkit-scrollbar-thumb:hover { background: #AAA; } ::-webkit-scrollbar-thumb:active { background: #888; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3); }


now Click on Apply to blog Button & now checkout your blog .
to change colour of Scroll Bar Just edit ::-webkit-scrollbar-thumb colour codes (ex. ##646464).
Enjoy blogging....

1 comment:

Copyright © 2014-15 TechSaavy