Tutorial: Cómo poner el botón "leer más"

¡Hola!

Hoy os traigo un tutorial sobre como poner el botón de leer más al final de las entradas. Este tutorial lo he encontrado en el blog Mamá Quiero Ser Blogger y la verdad es que es muy sencillo y está super bien explicado.

Allá vamos:



 Con letras:

PASO 1

Abrimos el menú de diseño, y en el gadget "entradas del blog" le damos a editar.

y le damos a guardar.

PASO 2

Ahora creamos una nueva entrada y escribimos lo que queramos publicar.

Una vez finalizada la entrada, guardamos y le damos a publicar.

Con imagen:

Debemos seguir los pasos anteriores, añadiendo un par de pasos más:

PASO 3

Vamos al plantilla, y pulsamos en editar HTML.

Ahora, para buscar un código, damos al menú rápido control+F  y en el cuadro que nos aparece pegamos el siguiente código:

<data:post.jumpText/>

PASO 4

Una vez que ese código esté remarcado, lo seleccionamos y lo sustituimos por este otro:

Opción 1: la imagen quedará a la derecha.

<img src="URL de tu imagen"/>

Opción 2: la imagen quedará a la izquierda:

<p align='right'><a expr:href='data:post.url'><img src='AQUÍ LA URL DE LA IMAGEN'/></a></p>

Recordad que hay que sustituir la parte roja por la URL de la imagen que queremos que se muestre. 

Para crear imágenes, podéis hacerlo con photoshop, photoscape, o PicMonkey (que si no tenéis ni idea de edición, os lo recomiendo, además de no tener que instalar nada.) También os dejo una página donde hay unos cuantos botones (podéis verla aquí)

PASO 5

Una vez creada la imagen, la subís para generar el enlace en una página específica (yo he utilizado TinyPic) y la cambiáis en el enlace anterior.

Pulsamos Vista Previa, y si todo está como queremos, guardamos.

Y ya está!
Como veis, es muy fácil, y no hay posibilidad de perderse.
Espero que os sea útil, y no olvidar que si tenéis alguna duda, podéis preguntar!!