Mil Trucos Blogger

Añadele estilo al Leer mas de Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

Seguro ya tienes instalado el leer mas de Blogger pero su apariencia es muy simple por lo cual hoy vengo con un truco en el que le pondras el estilo que quieras al leer mas de tu blog,Empezemos:

Pasos

1. Primero buscas el siguiente codigo

]]></b:skin>

2. Encima de ese codigo agrega el siguiente

.jump-link {
float: right;
padding: 4px 6px;
border: 2px solid #81BEF7;
background: #CEE3F6;
}

.jump-link a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

.jump-link:hover {
border: 2px solid #BE81F7;
background: #E3CEF6;
}

.jump-link a:hover {
}

3. Esto te dara un leer mas como el siguiente.

Si quieres personalizar el leer mas sigue las siguiente instrucciones:

ESTA PARTE DEL CODIGO ES LA QUE LE DA EL ESTILO GENERAL AL LEER MAS:

.jump-link {
float: right; EL ATRIBUTO “RIGHT” COLOCA EL LEER MAS A LA DERECHA, PUEDES CAMBIARLO POR “LEFT”
padding: 4px 6px;
border: 2px solid #81BEF7; ES EL COLOR DEL BORDE
background: #CEE3F6; ES EL COLOR DEL FONDO
}

ESTA PARTE DEL CODIGO LE DA EL ESTILO AL LINK DE LEER MAS

.jump-link a {
color: #FFFFFF; ESTE ES EL COLOR DE LAS LETRAS “LEER MAS”
text-decoration: none;
font-weight: bold;
}

ESTA PARTE DEL CODIGO LE CAMBIA EL ESTILO AL ESTAR EL MOUSE ENCIMA DEL LEER MAS:

.jump-link:hover {
border: 2px solid #BE81F7; COLOR DEL BORDE AL ESTAR EL MOUSE ENCIMA
background: #E3CEF6; COLOR DEL FONDO AL ETAR EL MOUSE ENCIMA
}

Si solo le quieres cambiar el color entonces ve a la  Paleta de colores Hexadecimal aqui .

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

6 Comentarios

  1. enero 19, 2013    

    Juvinao no me funciona!

  2. mayo 20, 2013    

    Hayder, cordial saludo, como le colocas LEER MAS?

    • mayo 23, 2013    

      En diseño, Entradas del blog, Texto del enlace de la página de entrada:

      Desde allí cambias el Mas Información que viene en Blogger

  3. junio 27, 2014    

    Excelente el código, justo lo que andaba buscando para poner en mis blog. Esto ayuda a que mi blog cargue más rapido.

    Mil gracias Hayder.

    • julio 20, 2014    

      En efecto ayuda a que carguen más rápido.

      Saludos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo