0 Como colocar barra de rolagem colorida

Oi gente, no tutorial de hoje vou ensinar como colocar uma barra de rolagem no seu blog igual a minha:

Vamos ao Tutorial?

-> vá em modelo > editar html

-> Dê um Ctrl F e digite ]]></b:skin>

-> Acima dele cole o código a seguir:

::-webkit-scrollbar-thumb:vertical {

background: #FF69B4

;height:50px;

border: 2px solid #FF1493;box-shadow: 2px 2px 4px #bebdbd;

-moz-box-shadow: 2px 2px 4px #bebdbd;

-webkit-box-shadow: 2px 2px 4px #bebdbd;

-khtml-box-shadow: 2px 2px 4px #bebdbd;

-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:#f26d92; height:10px;

border: 1px dashed #fff;

-webkit-box-shadow:0 0 1em #eee; }

::-webkit-scrollbar {height:10px; width:20px; background: url(AQUI COLOQUE O LINK DO BACKGROUND) repeat;box-shadow: -3px -2px 10px #bebdbd;

-moz-box-shadow: -3px -2px 10px #bebdbd;

-webkit-box-shadow: -3px -2px 10px #bebdbd;

-khtml-box-shadow: -3px -2px 10px #bebdbd;}

->  Onde está de  VERMELHO, coloque a cor da barra de rolagem.

-> Onde está de ROSA, coloque a cor da borda de barra de rolagem

-> Onde está de VERDE, coloque o link do background

Se preferir  a barra de rolagem apenas com cores,sem a imagem no background, substitua 

::-webkit-scrollbar {height:10px; width:20px; background: url(AQUI COLOQUE O LINK DO BACKGROUND) repeat;box-shadow: -3px -2px 10px #bebdbd;

                                                       E no lugar deste código coloque:

::-webkit-scrollbar {height:10px; width:20px; background: COR DE FUNDO repeat;box-shadow: -3px -2px 10px #bebdbd;


Espero que tenha ajudado !! Boa noite *-*