Tutorial : Barra de Rolagem Colorida

Oi gente aqui é a Mariana Veloso. Tudo bom ? . Hoje irei ensinar um tutorial  bem fácil. Eu estava vendo o blog Menina Nerd e me deparei com a barra de rolagem dela. Então eu vi o Tutorial de como fazer isso, e vim correndo passar esse tutorial para vocês. Então créditos ao blog Menina Nerd . Então vamos ao que interessa :

1. Vá em Design, depois em Editar HTML, dê Ctrl+F e procure por:

]]></b:skin>

2. E ANTES dele, cole:

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

Visualize, se estiver tudo certinho, salve.

Observação: Os códigos destacados em roxo representam a cor da barra, e os destacados em verde representa a cor de fundo. Se quiser, você pode mudar as cores, basta substituir os códigos destacados. Essa tabela tem várias cores. Não funciona no Firefox.

Super fácil né gente. Há e se pegarem para colocar em seu blog, não esqueça de dar os devidos créditos para o blog MENINA NERD ok. Beijinhos