Personalize a barra de rolagem+ Seleção colorida

Oi galera, então, esse tutorial dá barra de rolagem e seleção colorida digamos que é bem....Muito velho! Mas mesmo assim, ainda tem gente que não consegue coloca-los ou que não usa...Na minha opinião esses 2 tutoriais completam o layout e o blog fica feio sem eles :C mas isso é na minha opinião! Enfim clique em Let's Go para pegar os códigos.

Para barra de rolagem que ficará assim:

Exemplo maior aqui.

1- Procure por  ]]></b:skin> e cole isso acima dessa tag:

	::-webkit-scrollbar{width:10px;height:3px;}
	::-webkit-scrollbar-button:start:decrement::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
	::-webkit-scrollbar-track-piece{background-color:#cor do fundo da sua barra de rolagem;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
	::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#cor da barra que se move;-webkit-border-radius:12px;}
	::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#cor do fundo;-webkit-border-radius:px;}

 Colou? Visualize. Se você fez tudo certinho o resultado já deve estar pronto.

Para a seleção colorida ela ficará assim:

Antes ficará assim, com essa cor azul feia :C

Depois ficará assim, mas você pode personalizar a cor depois

1- Procure por ]]></b:skin> acima dessa tag, cole:

::-moz-selection { background:#seu fundo;  color:#sua fonte;  } ::selection { background:#seu fundo; color:#sua fonte;  }

 Edite a palavra seu fundo e sua fonte e troque pela cor em html. Salve!

Então é isso galera, espero que tenham gostado! Até o próximo tuto!