Personalizar el botón leer más


Personalizar el botón leer más en nuestro blog de Blogger ir a:

Diseño► Edición de HTML ►Presionar Ctrl + F y Buscar lo siguiente:►]]></b:skin>


Arriba de esta pegamos el siguiente código CSS

/* Leer mas*/
.rmlink{
float: right;
background:#fff;
text-align:right;
cursor:pointer;
margin:5px 0;
border-left:200px solid #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
padding:1px 5px 1px 1px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:4px;
font:bold 11px sans-serif;
}
.rmlink :hover {
background:#EB7F17;
color:#fff;
border-left:60px dashed #6882C7;
border-right:2px solid #6882C7;
border-top:2px solid #6882C7;
border-bottom:2px solid #6882C7;
}
.rmlink a {
color:#6882C7;
text-decoration:none;
}
.rmlink a:hover {
color:#fff;
text-decoration:none;
}





Nota → Asegurarse de borrar si tenemos un código CSS anterior en nuestra plantilla 


Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top