Cómo cambiar el color que aparece cuando alguien selecciona algo en nuestro blog

¿Habéis visto alguna vez un blog o web donde al seleccionar el texto, en lugar de salir en azul pitufo (o mejor dicho, azul del horroroso uniforme que tenía en Air Nostrum) sale de otro color?

Me gustaría tenerlo en mi blog para que lo veáis, pero si me pongo a hacer todas las cosas que os explico mi blog al final va a acabar siendo como un modelito de Rihanna: too much ;)

Así que mejor lo vemos en foto.

Rosa:

Verde:

Si vosotras queréis hacerlo en vuestro blog, es muy fácil: 

8 Vais a Plantilla

8 Edición de HTML

8 Y buscáis: 

]]></b:skin>

8 Una vez encontrado escribís justo encima este código PERO cambiando los códigos de colores que he puesto en rosa por los que vosotras queráis:

::-moz-selection  { 

Background: #7BD6B3; 

color: #5E5E5E; 

text-shadow: none;  

  

} 

::selection   { 

background: #7BD6B3; 

color: #5E5E5E; 

text-shadow: none;  

  

} 

El código 7BD6B3 es el verde que veíais en el ejemplo, y por tanto donde tenéis que escribir el código hexadecimal del color que queréis que sustituya al azul pitufo. 

El código 5E5E5E5E es el gris oscuro que he puesto yo para que se vea el texto debajo del verde. Si os fijáis, normalmente se ve blanco.

Fijaos en mi plantilla antes y después de hacer el cambio.

Antes:

Después:

Y os recomiendo que siempre que hagáis algo así, es decir, haciendo cambios en la Plantilla de HTML, hagáis una "foto" de vuestra plantilla, tal y como esta, para que luego si os cansáis de eso en concreto, fácilmente podáis volver a ponerlo tal y como estaba.

Espero que os guste el truco y que si alguna lo usa, no se olvide de dejar un comentario por aquí con el link a su blog para que ¡todas lo veamos!

Besos,

Blanca