Tutorial: Barra de Rolagem Colorida.

Olá queridos, tudo bom? Hoje trouxe um tutorial bem simples e fofinho para vocês. Sabe a barra de rolagem? Que tal da um toque todo especial nela? Vamos conferir.
Lembrando que você deve fazer um backup do seu template antes de começar a modificar o html, apenas por precaução.
É super simples gente, vocês podem modificar as cores, abaixo segue um exemplo de como vai ficar, usando as cores, Rosa e Preto. (Para visualizar melhor, clique na imagem)

Vocês podem tirar também o arredondado e deixar eles quadradinhas, para isso é muito simples. Basta você ir no Painel do Blogger, e clicar em Modelo, logo em seguida Editar HTML, após isso clique em ctrl+f ou f3 e procure pelo código: ]]></*b:skin> (Apenas retire o * pois o blogger não estava deixando que eu digitasse sem ele).
Em cima desse código, cole:

/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:50px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
height:10px;
width:15px; /*Largura da barra de rolagem*/
background: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}

Se você não quiser as bordas arredondadas, basta apagar as partes cor de rosa. E para personalizar as cores, basta você ir trocando os códigos pela cor desejada utilizando a Tabela de Cores HTML.
Como assim Kéziah? Percebam que ao lado de cada código temos uma especificação como essa *Cor da barrinha que se move* basta vocês substituírem o #ff0f72 pela cor de seu agrado. E ir visualizando até ficar do seu jeitinho. Depois disso basta salvar e pronto.

Espero que todos tenham entendido!

Qualquer dúvida deixem nos comentários.

Esse foi mais um tutorial que eu aprendi no site dicasparablogs.com.

Aguardem os próximos!