Personalizando a Seleção de Texto

Oie galera! Segunda começa as aulas, e eu tô tipo : "acabou a madrugada, acabou a vida", então não vai ter como eu visitar vários blogs como eu visitava antes ~snif snif~ Adivinha quem tá criando outro layout pro blog? :3 É, eu espero terminar rápido antes de começar as aulas, e também não espero terminar rápido porque eu acabo trocando o layout. No último post eu ensinei a personalização da seleção de texto com sombra, essa aqui é sem sombra. Vou ensinar o tutorial que é fácil e que fica bem em todo blog, que é a seleção de texto colorida, na verdade, já é colorida, mas aquele azul é sem graça. 

Vai ficar assim depois de personalizar :

Vamos ao código!

::-moz-selection {

background:#333; /*Cor do fundo

color:#fff; /*Cor da fonte

}

::selection {

background:#333;/*Cor do fundo

color:#fff; /*Cor da fonte

}

Agora, onde colocar este código :

OPÇÃO 1

1 - Em seu blog, clique em MODELO e em PERSONALIZAR

2 - Clique em AVANÇADO e na última opção, ADICIONAR CSS

3 - Cole o código na caixinha e SALVE

 OPÇÃO 2

1 - Em seu blog, clique em MODELO e em EDITAR HTML

2 - Digite CTRL+F e uma caixinha de pesquisa vai aparecer, pesquise por ]]></b:skin>

Em cima desse trecho, cole o o código e SALVE

É isso galera! Kissu!

As cores são as mesmas da imagem de exemplo, troque se quiser.