tutorial para mudar a barra de rolagem

Olá fofos e fofas, tô fazendo o meu primeiro tuto para quem não sabe tuto é tutoriais, vou falar sobre a barra de rolagem, uma coisa muito fofa.
Primeiro vá em modelo (interfeice atualizado) editar html  faça f3 e procure por ]]></b:skin> e ACIMA dele cole esse código abaixo:
::-webkit-scrollbar-thumb:vertical {
background: #e7b3c2;height:50px;
border: 2px solid #fff;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(fundo da barra de rolagem) 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;}
Para quem quiser mudar de cor entre na tabela de cores e copie o código da cor.
Site:http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm

Espero que tenha ajudado!