Personalizando Blog- Barra de Rolagem Colorida

Hey!!!

Bem? Espero que sim!
Desculpa se eu escrever errado é que slá, hoje eu fiquei muito "energética" de tarde e to

MORRENDO de sono agora, de noite... kkkkkk

Enfim, neste post vou falar como personalizar a barra de rolagem!

Clique em Read More e veja o tutorial!

Bom, pra quem não sabe, barra de rolagem é aquela barrinha que fica no canto

direito na tela que quando a gente desce ou sobe na tela, um tracinho se mexe.

KKKKKK como eu sei esplicar! SQN

Enfim, vamos começar o tutorial?

LET'S GOOOOO!

1° Passo- Vá no blogger, escolha o blog que desejar!

2° Passo- Depois vá em modelo, em seguida vai aparecer duas opções. Escolha a 'Editar HTML'

3° Passo- Clique no texto que aparecerá e aperte Ctrl+ F e escreva ]]></b:skin>

4°  Passo- Veja que o código aparecerá com fundo amarelo. Logo depois faça assim:

5° Passo- Cole ACIMA do ]]></b:skin> isto:

*{
scrollbar-face-color:#1E90FF;
scrollbar-highlight-color:#1E90FF;
scrollbar-3dlight-color:#FF1493;
scrollbar-darkshadow-color:#FF1493;
scrollbar-shadow-color:#1E90FF;
scrollbar-arrow-color:#FF1493;
scrollbar-track-color:#FF1493;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: #FF1493; }
::-webkit-scrollbar-thumb { background #1E90FF; }

6° Passo-  Salve e veja se ficou do jeito que queria! ^-^

ENTENDENDO O CÓDIGO!

Gente, vamos entender o código!

• O Código que está em rosa representa a cor da barra de rolagem (a que se meche)

• O Código que está em Azul claro é a cor do fundo da barra!

• Se quiserem uma tabela de códigos para pegar outras cores entrem >>AQUI<<

É isso! Espero ter ajudado :3