Barra de rolagem colorida

Yoo !!! Como vocês estão ? Hoje realmente estava um dia muito quente, mas finalmente consegui um tempinho para poder acompanhar os meus blogs . Muitos blogs já utilizam a barra de rolagem modificada, por deixar um tom mais agradável e Kawaii. Mas é sempre bom dar uma olhada, não é mesmo ???

Vá até o HTML do seu blog, dê um Contrl + F e procure por: ]]></b:skin>

Após encontrar o código, ACIMA dele cole o código abaixo:

*{

scrollbar-face-color:#FF69B4;

scrollbar-highlight-color:#FF69B4;

scrollbar-3dlight-color:#343434;

scrollbar-darkshadow-color:#343434;

scrollbar-shadow-color:#FF69B4;

scrollbar-arrow-color:#343434;

scrollbar-track-color:#343434;

}

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

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

ENTENDENDO O CÓDIGO 

Para aumentar a barrinha: basta você substituir 12px pelo valor que lhe agradar. Caso queira aumentar ou diminuir é só modificar o 12.

Trocar a cor do fundo: basta você substituir #343434, pelo código da cor que você deseja no fundo da sua barra de rolagem. Clique aqui para ver a tabela de cores.

Trocar a cor da barra: basta você substituir  #FF69B4, pela cor que você deseja na sua barrinha.

Agora é só visualizar, salvar e pronto !!!

créditos ao Jackie Dream.

Beijos e até a próxima  !!!