Perzonalize sua barra de rolagem

Hooy Meninos & Meninas, tudo boom? Espero que siim *-*

Eu, Matheus Motta, viim trazer um tutorial muito útil e legal, vamos lá ?

Vá no seu Blog ~ Design ~ Editar HTML

Clique em "Expandir modelo de widgets"

Dê um Ctrl+F (Caixiinha de Busca), e procure por ]]></b:skin>

Cole acima dele o seguinte código:

*{scrollbar-face-color:#FF69B4;scrollbar-highlight-color:#FF69B4;scrollbar-3dlight-color:#FFC0CB;scrollbar-darkshadow-color:#FFC0CB;scrollbar-shadow-color:#FF69B4;scrollbar-arrow-color:#FFC0CB;scrollbar-track-color:#FFC0CB;}
::-webkit-scrollbar {width: 12px; height: 4px; background:#FFC0CB; }::-webkit-scrollbar-thumb { background: #FF69B4; }

Modifique ...

• Códigos em Vermelho ~ Cor da sua nova Barra de Rolagem;

• Códigos em Roxo ~ Cor do fundo abaixo da sua Barra de Rolagem;

Modifique os códigos pelo o código das cores desejadas, para ter acesso a tablea de cores, clique Aqui.

Modifique, apenas os códigos coloridos.

Depois, visualize, e se estiver do jeito esperado, salve.

Espero que tenham gostado, Beijoos e Fiqueem com Papai do Céu :)