Como personalizar el enlace de "Leer Más" (Tutorial Blogger)

El día de hoy lo he reservado para un tutorial, y es que me gusta mucho hacerlos y hace tiempo que no escribía uno.

Pues bien, hoy hablaré sobre como personalizar el enlace de "Leer Más", tanto si quieres un enlace en tu blog o prefieres poner un botón. Es muy sencillo y fácil de hacer.

Empezaré por decir que la función de salto de línea es muy útil cuando queremos introducir un mensaje a nuestros lectores en nuestra página de inicio sin necesidad de mostrar el post entero. Puedes crear un salto de línea en cada post de tu blog en el editor de entradas, sin necesidad de modificar el HTML. 

Para empezar, decide en cual entrada quieres crear el salto de línea y coloca ahí el cursor.


Después, debes hacer clic en el icono Inserta salto de línea de la barra de herramientas:

¡Y ya está! Una vez publiques tu entrada, puedes ver el resultado en la página de inicio.

Una vez explicado como insertar el salto de línea, es hora de explicar como personalizarlo:

Para personalizar el enlace, has de ir a Plantilla - Editar HTML y buscar lo siguiente:

<data:post.jumpText/>

Debes borrar este código y pegar lo siguiente:

<div align="right"><img src='URL de la imagen' width= '150px'/>

Los valores en color son personalizables.

Ahora, si lo que quieres es simplemente personalizar el texto que te aparece en Blogger por defecto, debes hacer lo siguiente:

Vas a Diseño - Entradas del Blog - Cambias el texto que aparece por defecto, justo como se muestra abajo:

Espero que haya sido de utilidad, puedes dejar tus comentarios abajo.