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 .

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
Categorías: Trucos Blogger

6 commentarios

Alexander Guerra Padilla · enero 19, 2013 a las 3:39 am

Juvinao no me funciona!

Iván Darío Agudelo A. · mayo 20, 2013 a las 6:41 pm

Hayder, cordial saludo, como le colocas LEER MAS?

    Hayder Juvinao · mayo 23, 2013 a las 4:41 pm

    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

Eliseo 20 · junio 27, 2014 a las 5:42 pm

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.

Deja un comentario

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