Barra de Rolagem Colorida

Oi meus queridinhos! Eu estava olhando o meu antigo blog de tutoriais e encontrei uns tutoriais bem úteis para quem está começando a criar seu blog, portanto hoje vai ter vários tutoriais. Bom, o tutorial de agora é de como colocar uma barra de rolagem colorida. Para ter uma ideia do que é se vc nunca viu, aqui no blog tem e eu acho muito fofo. Porém existem dois tipos, o redondo e o quadrado (que é o daqui do blog). Mas o redondo é mais complicado de colocar, por isso irei ensinar outro dia.

1- Vá em Design >> Editar HTML >> dê Ctrl F e procure por:

]]></b:skin>

2- Depois, antes dele, coloque o seguinte:

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

3-   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.