Tutorial- Barra de rolagem personalizada

Olá gente , troce aqui um tutorial , " barra de rolagem personalizada" , ok ??? então vamos ao tuto:::::::

1- vai em >>> Desing >>> depois vai em >>>> Modelo >>> depois clica em >>>> Editar HTML >>>> depois vc clica em Ctrl + F e  procura por ]]></b:skin> , depois de achar , cole o código abaixo , acima de ]]></b:skin> :::::::

*{
scrollbar-face-color:#f677cc;
scrollbar-highlight-color:#f677cc
scrollbar-3dlight-color:#e177f6;
scrollbar-darkshadow-color:#e177f6;
scrollbar-shadow-color:#f677cc;
scrollbar-arrow-color:#e177f6;
scrollbar-track-color:#e177f6;
}

::-webkit-scrollbar {width: 12px; height: 4px; background:#e177f6; }
::-webkit-scrollbar-thumb { background: #f677cc; }

O q está em verde é a cor da barra , e o que está em vermelho é a cor do fundo 

ok ?? beijos

Caso vcs queiram mudar a cor é só irem nessa tabela de cores :*