Imagem de fundo no scroller

DEMO

Deixar o blog mais organizado, mais bonito, mais simétrico, mais personalizado. Quem não gosta ? Quem não quer ? Mais uma diquinha, scroller,  a barra de rolagem do Blogger,  com imagem de fundo. Fácinho de implementar e pode fazer aquela diferença no layout do blog.




Implementar CSS                                                                             



No modelo de seu blog", clique em "Personalizar"

Ao abrir essa janela, vá em Avançado  -------> Adicionar CSS 

Copie o código abaixo e cole no local indicado.

/*Scroller ------------------------------------*/

::-webkit-scrollbar-thumb:vertical {
background: #B7D3D3;
height:50px;
border: 2px solid #fff;
box-shadow: 2px 2px 4px #808080;
-moz-box-shadow: 2px 2px 4px #808080;
-webkit-box-shadow: 2px 2px 4px #808080;
-khtml-box-shadow: 2px 2px 4px #808080;
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
::-webkit-scrollbar-thumb:horizontal {
background-color: #B7D3D3; height:10px;
border: 1px dashed #fff;
-webkit-box-shadow:0 0 1em #eee; }
::-webkit-scrollbar {height:10px; width:20px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO3DGuuotAMF6QAXXZJPmUn-tXSXobfGa7d046WAquCCy7SGps8uzOcm5I6AkGj1I7SRaO1IgDjJgoad0OmEvPIth08T0n9zrW-4eomSQa2j_bptwlIUASjqYMHYLaeuqPGfPeU7ZwgAlo/s1600/paisley-sweetheart-free-cute-twitter-background-404x288.jpg) repeat;
box-shadow: -3px -2px 10px #808080;
-moz-box-shadow: -3px -2px 10px #808080;
-webkit-box-shadow: -3px -2px 10px #808080;
-khtml-box-shadow: -3px -2px 10px #808080;}

Depois, clique em "Aplicar ao blog", no canto direito de seu monitor, na parte superior para salvar.

 Se quiser trocar a imagem de fundo, basta trocar o código em amarelo e para trocar a cor do botão, troque o código na cor verde.