Añadirle estilo al Leer Mas de Blogger

Este post es la segunda parte de: Como poner Leer Mas en Blogger y sin instalar nada!!!

Si ya tienes el "Leer Mas" de Blogger pero no te gusta la forma en que se ve entonces puedes personalizar un poco su apariencia editando un poco el estilo CSS.

Como añadir estilo al "Leer Mas..." :


1. Lo primero que tienes que hacer es ir a tu plantilla: Diseño > Edicion de HTML

2. Cuando estes en tu plantilla busca este codigo: ]]></b:skin>

3. Arriba de ese codigo debes pegar el siguiente estilo CSS de manera que te quede asi:

.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 {
}

]]></b:skin>


Este codigo hara que tu "Leer Mas..." se vea alineado a la derecha y que se vea asi:

Leer Mas...


Ahora si quieres cambiar personalizar los colores explicare como funcionan los codigos del estilo CSS