Barra de rolagem personalizada

Como prometido, estou trazendo para vocês o tutorial de deixar a barra de rolagem de seu blog personalizada como a minha. Vamos lá?

Primeiro, vá em Modelo > Editar HTML
Aperte ctrl F e pesquise por:

]]></b:skin>

Logo acima deste código, cole este:

::-webkit-scrollbar-thumb:vertical {background: #606060; /*Cor da barrinha que se move*/height:50px;}::-webkit-scrollbar {width:10px; /*Largura da barra de rolagem*/background: #ececec; /*Cor da parte fixa, que fica no mundo*/}::-webkit-scrollbar:horizontal {display: none;}::scrollbar:horizontal {display: none;}

Agora basta mudar as informações pelas desejadas. Feito isso, aperte "visualizar", deus tudo certo? Então agora é só apertar "salvar" e pronto. Fácil não?