Personalize a barra de rolagem

Hooy Mosaic's Roll's (?)

Tuto bem útil para quem quer deixar a barra de rolagem bonita :)

Vamos lá? É bem simples *~*

1° Abra seu HTML.
2° Pegue este código abaixo

::-webkit-scrollbar-thumb:vertical {
background: url(URL da imagem aqui baby) repeat;
height:50px;
border: 2px double #E0FFFF ;
box-shadow: 2px 2px 4px #FF69B4;
-moz-box-shadow: 2px 2px 4px  #1E90FF ;
-webkit-box-shadow: 2px 2px 4px #FF69B4;
-khtml-box-shadow: 2px 2px 4px #FF69B4;
-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:  #F0FFFF; height:10px;
border: 1px double #FF69B4;
-webkit-box-shadow:0 0 1em #eee; }
::-webkit-scrollbar {height:10px; width:20px; background: url( URL da imagem aqui baby ) repeat;
box-shadow: -3px -2px 10px  #1E90FF;
-moz-box-shadow: -3px -2px 10px   #1E90FF;
-webkit-box-shadow: -3px -2px 10px #FF69B4;
-html-box-shadow: -3px -2px 10px   #1E90FF; }

3° procure pela tag ]]></b:skin>
4° o código que você copiou sobre a tag encontrada.

Visualize primeiramente para ver se funcionou, se não houve nenhum erro. Se estiver tudo ok, personalize o seu código. Se você não querer imagem na sua barrinha, substitua o URL pelo código da cor desejada.
Pronto! Tens uma barrinha á teu jeito XP

Kiss kiss >3<