Como personalizar a barra de rolagem do seu blog

Olá Watermelons ! 

Hoje trago a vocês um tutorial de como personalizar a Barra de Rolagem do seu blog.È bem simples e prático de realizar...Então GOO!!




1° Vá em Design , Personalizar , Clique em Avançado , Adicionar CSS , e cole o seguinte código :

*{

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; }

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.

Para os códigos das cores acesse : Tabela 

Espero que tenha ajudado a vocês ! Até a próxima ! *.*