Customize The Scroll Bar (Scrollbar) Alongside Jscrollpane
JScrollPane is a jQuery script that allows you lot to modify the blog' scroll bar, ie the browser scrollbar.
Although nosotros tin utilization CSS to modify it, the occupation is that is non standardized, because alongside CSS nosotros tin teach inwards piece of work exclusively inwards Chrome in addition to Safari; in addition to inwards the instance of Internet Explorer it also has its ain code merely plainly it exclusively plant inwards that browser (I don't know which versions). So what nosotros volition create hence is to give a novel await to the scrollbar merely past times using jQuery, hence the modify volition move visible inwards all browsers.
Demo
You tin run into an instance inwards this test blog where the scroll bar has a dissimilar shape in addition to color.
1. Go to Template > Edit HTML in addition to earlier glue this code:
2. Then locate this tag:
If you lot desire the plow over in addition to bottom limits to non look (as inwards the example) hence take away what is inwards red.
Remember that the script uses jQuery, hence if you lot already convey it, hence don't pose the script in ane lawsuit to a greater extent than (the commencement describe of piece of work of code). If you lot are using Scriptaculous or Mootools, hence you lot should build around slight changes inwards companionship to teach inwards work.
Maybe the code mightiness look long merely improve add together the scripts conduct inwards the template, hence the scripts volition ever move available in addition to charge faster. Regardless of all of this the terminate lawsuit is quite aesthetic, don't you lot think?
Although nosotros tin utilization CSS to modify it, the occupation is that is non standardized, because alongside CSS nosotros tin teach inwards piece of work exclusively inwards Chrome in addition to Safari; in addition to inwards the instance of Internet Explorer it also has its ain code merely plainly it exclusively plant inwards that browser (I don't know which versions). So what nosotros volition create hence is to give a novel await to the scrollbar merely past times using jQuery, hence the modify volition move visible inwards all browsers.
You tin run into an instance inwards this test blog where the scroll bar has a dissimilar shape in addition to color.
How to modify the scrollbar on Blogger
1. Go to Template > Edit HTML in addition to earlier glue this code:
2. Then locate this tag:
Or this line:
Under whatever of these ii add together this:
Save the changes in addition to that's all. In light-green you lot volition run into where you lot tin modify the scrollbar colors in addition to its dissimilar areas, or add together other styles, such every bit shadows, rounded corners, etc..3. Finally search for the in addition to higher upwards it glue this:
If you lot desire the plow over in addition to bottom limits to non look (as inwards the example) hence take away what is inwards red.
Remember that the script uses jQuery, hence if you lot already convey it, hence don't pose the script in ane lawsuit to a greater extent than (the commencement describe of piece of work of code). If you lot are using Scriptaculous or Mootools, hence you lot should build around slight changes inwards companionship to teach inwards work.
Maybe the code mightiness look long merely improve add together the scripts conduct inwards the template, hence the scripts volition ever move available in addition to charge faster. Regardless of all of this the terminate lawsuit is quite aesthetic, don't you lot think?
