Barra de rolagem personalizada!

Seguindo nos tutoriais! haha
Bom, acho a barra de rolagem do Blogger muito sem graça.
Achei esse aqui no Info Make.
Eu tentei e achei bem fácil, até coloquei no blog!

Vá em Editar HTML e procure com Ctrl+F

]]></b:skin>

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

/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #000080; /*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: #000080; /*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: #D3D3D3; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}


Nesse código, a cor da barra fica azul, mas eu mudei a minha para rosa.
Os lugares do código para alteração das cores estão bem expressos.
Veja os códigos das cores na tabela de cores.


Fácil! Espero que tenham gostado. ;*
Qualquer dúvida, deixe nos comentários!