Barra de rolagem do Blog personalizada

Oi galera, ando um pouco ausente né?! :/ Mas nunca vou abandonar esse cantinho...
Enfim, hoje tenho uma dica legal para vocês.
Vou ensinar como mudar a cor da barra de rolagem do blog, já repararam que a minha barra está colorida? É uma fofura né?! haha
Isso não tem muita ''ultilidade'' mas deixa o blog bem colorido e atrativo. Vamos aos passos.

1. Vá em ''design'' no seu painel, depois em ''editar html''.
2. Aperte Ctrl F e procure o código: ]]> , ele estará assim: ]]></b:skin>
3. Cole o código abaixo em cima 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; }


4. Clique em salvar e veja como ficou.

Para mudar as cores é super simples, os códigos que está rosa se refere a cor da barra de rolagem(aquela parte menor que se mexe) e os códigos que está roxo se refere ao fundo da barra(a parte que maior). Então é só substituir os códigos(as cores) não mexa em nada do código, só nos códigos das cores, #f677cc e #e177f6.
Aqui está o site com a tabela de cores
http://www.efeitosespeciais.net/tabela.htm 
Escolhas as cores de sua preferencia e substitua. Eu espero que tenham gostado da dica, pois eu ameeei minha barra colorida, kkk
Designer: Vânia Barreto