Alterando as cores da barra de rolagem

Hooy! Como vão? Bem, hoje eu trouxe um tutorial que eu sempre uso nos meus blogs, e que vi e credito bem o Cherry Bomb! (quem me inspirou pro tuto)
Então, é super fácil e simples. Vamos lá?

Bem, primeiro vá em Editar HTML, depois de um Ctrl + f, e procure por
 ]]></b:skin>, agora, cole isso antes:

/*** INICIO DA BARRA ***/

::-webkit-scrollbar-thumb:vertical {

background: #ff0f72; /*COR DA BARRA QUE SE MOVE*/

border: 1px solid #bgh; /*SE NÃO QUISER BORDA, APAGUE*/

height:50px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

/*** INICIO DA PARTE HORIZONTAL(?)***/

::-webkit-scrollbar-thumb:horizontal {

background-color:#ff0f72; /*COR DA BARRA QUE SE MOVE*/

border: 1px solid #bgh; /*SE NÃO QUISER BORDA, APAGUE*/

height:10px;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

 }

/*** PARTE QUE NÃO SE MOVE ***/

::-webkit-scrollbar {

height:10px;

width:15px; /*LARGURA DA BARRA QUE NÃO SE MOVE*/

 background: #000000; /*COR DA BARRA QUE NÃO SE MOVE*/

border: 1px solid #bgh; /*SE NÃO QUISER BORDA, APAGUE*/

Vermelho: Apague, Laranja: Você pode editar, Verde: Apague se quiser

                                     Pronto, agora é só visualizar, e salvar! 

                                                      Kissus amores!