tutorial_Como mudar a barra de rolagem

Olá pessoal vocês já viram em um blog a barra de rolagem colorida como no meu para quem não sabe o que é barra de rolagem, a barra de rolagem é aquela barrinha que agente usa para descer e subir em um site ou blog e finalmente vou tomar vergonha na cara e postar um tutorial de como mudar  a barra de rolagem esse tutorial está adaptado com o fundo branco e a barra azul se vocês quiserem trocar é só visitar esse site:http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm está tudo adaptado e com nomes,está bem explicadinho(clique em leia mais para terminar a leitura)




Vamos começar?
No painel do blogger, clique no nome do seu blog, depois, clique em "Modelo" no menu vertical que aparece no lado esquerdo da tela. Clique no botão "Editar HTML" que fica em baixo da miniatura do seu blog, e clique em prosseguir no aviso que aparecer.
 Aperte Ctrl+F, procure por ]]></b:skin> e cole antes esse código:

/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background:#00FFFF; /*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:#00FFFF; /*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*/
}

É só alterar as cores conforme indicado, visualizar, e se estiver tudo certo, salve. Se não quiser cantos arredondados, apague as partes em verde.

Lembre-se não precisa mudar as coisas em português

créditos: cherry bomb,beijo de gloss