Tutorial: Barra de rolagem colorida

Oii flores!!!! Como estão?
Vamos a outro tutorial, quem quer levante os braços... \o/ \o/ \o/ \o/
Então vamos lá mas antes, queria dar os créditos ao blog Cherry Bomb e o 15 para a meia noite.
Para continuar carrega em leia mais...

Barra de rolagem colorida:

É bem simples, vá logo logo a:

design > modelo > editar HTML > prosseguir

Aperte Ctrl+F, e procure por ]]></b:skin> e cole este código antes:

/*** 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*/} 

Agora é só alterar as cores, visualizar, e se estiver tudo como quer é só salvar... se não quiser as pontas arredondadas é só apagar as partes a verde.
Agora é só experimentar...

Espero que tenham gostado... comentem

Beijosss