Cómo poner un botón de leer más

Tenemos dos opciones, la primera para que ocupe todo el ancho de la entrada, y la segunda para que ocupe lo que a nosotros nos apetezca.

Elegid la que más os guste!

OPCIÓN 1

Vamos a Plantilla → Personalizar → Avanzado → Añadir CSS y pegamos esto (que lo podéis personalizar a vuestro gusto):

.jump-link{

font: normal normal 12px Arial; /*Tipografía y tamaño del texto*/

letter-spacing: 3px; /*Espaciado entre caracteres, si no lo queréis, borradlo*/

text-align: center; /*Para que el texto quede centrado, sino left para que quede a la izquierda y right para que quede a la derecha*/

text-transform:uppercase; /*Para que esté en mayúsculas, sino borradlo*/

margin-top: 30px; /*Distancia entre leer más y el texto de la entrada*/

margin-bottom: 30px; /*Distancia entre leer más y el pie de la entrada*/

}

.jump-link a{

color:#333333; /*Color del texto*/

background:#dddddd; /*Color de fondo*/

border:1px solid #333333; /*Estilo del borde*/

display:block;

padding:10px; /*Para cambiar el alto*/

}

.jump-link a:hover{

color: #333333; /*Color del texto al pasar el ratón por encima*/

background:#cccccc; /*Color de fondo al pasar el ratón por encima*/

border:1px solid #333333; /*Estilo del borde al pasar el ratón por encima*/

text-decoration: none;

}

OPCIÓN 2

.jump-link{

font: normal normal 12px Arial; /*Tipografía y tamaño del texto*/

letter-spacing: 3px; /*Espaciado entre caracteres, si no lo queréis, borradlo*/

text-align: center; /*Para que quede centrado, sino left para que quede a la izquierda y right para que quede a la derecha*/

text-transform:uppercase; /*Para que esté en mayúsculas, sino borradlo*/

margin-top: 30px; /*Distancia entre leer más y el texto de la entrada*/

margin-bottom: 30px; /*Distancia entre leer más y el pie de la entrada*/

}

.jump-link a{

color:#333333; /*Color del texto*/

background:#dddddd; /*Color de fondo*/

border:1px solid #333333; /*Estilo del borde*/

padding:10px 50px; /*Para ajustar el alto y el ancho*/

}

.jump-link a:hover{

color: #333333; /*Color del texto al pasar el ratón por encima*/

background:#cccccc; /*Color de fondo al pasar el ratón por encima*/

border:1px solid #333333; /*Estilo del borde al pasar el ratón por encima*/

text-decoration: none;

}

Esto es todo! Buena Suerte!

Besoteees!

♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥