JScrollPane e um script jQuery que permite que voce mude a barra de rolagem do blog, ou seja,a barra de rolagem do navegador. Voce pode ver um exemplo de teste deste blog , voce vai ver que a barra de rolagem tem uma forma e cor diferente. Para alterar a barra de rolagem para seu blog entre primeiro Modelo | Editar HTML e antes de </ head> cole o seguinte codigo:src = "/ / ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js '<script type='text/javascript'/> <style> . JspContainer {overflow: hidden, position: relative;}. JspPane {position: absolute;} . JspVerticalBar {position: absolute, top: 0; direita: 0, width: 16px, height: 100%; background: # ccc;} . JspHorizontalBar {position: absolute, bottom: 0, left: 0, width: 100% altura: 16px; background: # ccc;} . JspVerticalBar * JspHorizontalBar *. {Margin: 0, padding: 0;} . JspCap {display: none;}.. JspHorizontalBar JspCap {float: left;} . JspTrack { background: # dae, / * Cor barra fundo * / position: relative; } . JspDrag { background: # BBD; / * Cor do botao de rolagem * / position: relative; top: 0; left: 0; cursor: pointer; } . JspHorizontalBar. JspTrack, . JspHorizontalBar. JspDrag { float: left; altura: 100%; } . JspArrow { background: # 50506d / * Cor dos limites * / text-indent:-20000px; display: block; cursor: pointer; } . JspArrow.jspDisabled { cursor: default; background: # 80808d / * Cor de limites quando o botao de alcanca-los * / } . JspVerticalBar. JspArrow { height: 16px; } . JspHorizontalBar. JspArrow { width: 16px; float: left; altura: 100%; } .. JspVerticalBar JspArrow: foco. {Outline: none;} JspCorner {background: # eeeef4; float: left; height: 100%;}. * Html JspCorner {margin: 0-3px 0 0;} html, body { altura: 100%; margin: 0; padding: 0; } # Blog-container { altura: 100%; margin: 0; padding: 0; overflow: auto; } </ Style> <script> / / <! [CDATA [ / *! Copyright (c) 2013 Brandon Aaron (http://brandonaaron.net) * Licenciado sob a licenca MIT (LICENSE.txt). * Versao: 3.1.3 * / (Function (fabrica) { if (typeof definir === 'funcao' && define.amd) { define (['jquery'], de fabrica); } Else if (typeof exportacoes === 'objeto') { module.exports = fabrica; Else {} / / Globals Navegador fabrica (jQuery); } } (Function ($) { TOFIX var = ['roda', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll']; toBind var = 'onwheel' no documento | | document.documentMode> = 9? ['Roda']: ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll']; var lowestDelta, lowestDeltaXY; if ($. event.fixHooks) { for (var i = toFix.length, i ;) { $ Event.fixHooks [TOFIX - [i]] = $ Event.mouseHooks..; } } $. Event.special.mousewheel = { setup: function () { if (this.addEventListener) { for (var i = toBind.length, i ;) { this.addEventListener (toBind [- i], manipulador, false); } Else {} this.onmousewheel = manipulador; } } desmontagem: function () { if (this.removeEventListener) { for (var i = toBind.length, i ;) { this.removeEventListener (toBind [- i], manipulador, false); } Else {} this.onmousewheel = null; } } }; $. Fn.extend ({ mousewheel: function (fn) { voltar fn? this.bind ("mousewheel", fn): this.trigger ("mousewheel"); } unmousewheel: function (fn) { retorno this.unbind ("mousewheel", fn); } }); handler function (event) { orgEvent var = evento | | window.event, args = []. slice.call (argumentos, 1), delta = 0 deltaX = 0