lunes, 10 de enero de 2011

Cambiar Color a los Links en Blogger

Este tutorial consiste en cambiar el color del enlace por defecto, que muchas veces el color no nos gusta o es muy molesto, o simplemente los enlaces no se distinguen por el color que tienen en la plantilla.


Para cambiar el color por defecto de los enlaces, tienes que hacer lo siguiente:

1. Vé a la sección diseño, luego a Edición HTML
2. Después buscas el valor ]]></b:skin> con CTRL+F
3. Encima copias el siguiente código:
<style>
a:hover{
color:blue;
}
a:link{
color:blue;
}
a:visited{
color:blue;
}
</style>
4. Previsualizas la plantilla y si el cambio es efectivo, puedes guardar la plantilla.

Nota *donde dice ''blue'' necesitas reemplazar con el color deseado, puedes utilizar ''yellow, blue, red, etc''
o bien puedes agregar un código en hexadecimal (buscalo aquí) el formato en caso de elegir un color hexadecimal es el siguiente:
<style>
a:hover{
color: #FFCC99;
}
a:link{
color: #FFCC99;
}
a:visited{
color: #FFCC99;
}
</style>
El código #FFCC99 es el que se tiene que reemplazar por el color deseado.

Notas:
  • a:hover es el color cuando pasas el cursor por el enlace.
  • a:link es el color predeterminado del enlace
  • a:visited es el color del enlace visitado
Cualquier problema comentar, si tienes problemas con el formato, asegúrate siempre de hacer un respaldo de tu plantilla antes de modificar algo, para evitar perder el formato correcto de tu plantilla.

No hay comentarios:

Publicar un comentario