Cómo cambiar de color los enlaces de una entrada

jueves, 18 de junio de 2015


Hola artistas!! Como va todo? Yo hoy he visitado una amiga que ha apadrinado una gatita de 3 meses muy juguetona -se llama Brun- y he salido de su casa llena de arañazos! No dejaba de treparme por las piernas como si de un árbol se trataran, y de jugar con mis manos cuando dejaban de moverse. Ha sido un flechazo mútuo :p

Pero aunque esté llena de heridas de guerra intentaré escribiros el post que tenía pensado para hoy: cómo cambiar de color solo los enlaces de las entradas de nuestro blog.

Este tutorial es muy útil ya que nos sirve para diferenciar los enlaces de nuestras entradas de los del resto del blog. 

Si por ejemplo quiero que mis enlaces de las entradas sean de color azul para que destaquen del resto del texto, pero no me gusta nada que los enlaces de... por ejemplo las entradas populares sean de color azul también, porque sería demasiado azul para mi bonito blog, pues ningún problema!

Añadiendo un simple código le voy a decir a blogger cómo separar unos enlaces de otros y darles a cada uno la apariencia que más me gusta :) 

También podéis mirar cómo cambiar los enlaces del título y los enlaces del blog entero.

Es otro tutorial de los cortitos y fáciles, así que no preocuparse :)



CÓMO CAMBIAR DE COLOR LOS ENLACES DE UNA ENTRADA

Para encontrar el código relacionado con las entradas nos vamos a Plantilla ➡ Editar HTML y buscamos: .post {

Justo encima de esta línea pegáis el código CSS de abajo. Podéis añadir o modificar las líneas de código que he puesto aquí. En cada línia he escrito en azul lo que se puede modificar:

.post-body a{
   color: #27a7b1 !important; /*Color del enlace*/
}
.post-body a:visited{
   color: #27a7b1 !important; /*Color del enlace visitado*/
}
.post-body a:hover{
   color: #ffcc66 !important; /*Color del enlace al pasar el ratón por encima*/
   text-decoration: underline; /*Para que se vea una línea debajo al pasar el ratón por encima*/
}

Y ya lo tenemos, podéis personalizar los enlaces del post como queráis. Yo os lo he puesto como lo tengo en el blog de Hora Mágica, según nuestro diseño. Pero vosotros lo podéis poner del color que queráis y con o sin el subrayado!

Espero que os haya servido y que os haya salido a la primera! :)

Si os ha gustado no olvidéis compartir, que la difusión nos ayuda muchísimo a poder continuar con nuestros tutoriales ❤.

Un abrazo enorme y hasta el próximo tutorial!!!

Laia

No hay comentarios:

Publicar un comentario