Barra de rolagem colorida

Hooy, vou ensinar agora como colocar uma barra de rolagem colorida. Eu amo essas barrinhas, acho tão lindas!

Para iniciar o tutorial, clique em Continue Lendo.

1. Vá em Design >> Editar HTML >> Caixinha de busca (Ctrl+F) e procure por 

]]></b:skin> 

2. Logo acima de ]]></b:skin> cole o seguinte código:

*{scrollbar-face-color:#DA9BBD;

scrollbar-highlight-color:#DA9BBD;

scrollbar-3dlight-color:#343434;

scrollbar-darkshadow-color:#343434;

scrollbar-shadow-color:#DA9BBD;

scrollbar-arrow-color:#343434;

scrollbar-track-color:#343434;

}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }

::-webkit-scrollbar-thumb { background: #DA9BBD; }

3. A parte destacada em rosa, é a cor da barra, e a parte destacada em azul, é a cor do fundo. A tabela de cores está aqui. Agora visualize e se tiver dado tudo certo, salve! Espero ter ajudado, Bjs