Seguir Leyendo

Si quieres reemplazar el típico enlace de "Leer más" por una imagen personalizada, puedes hacerlo editando el HTML de tu plantilla. Es una forma muy sencilla de darle un toque más único a tu blog.

Antes de modificar el código de tu tema, ve a Tema y a Copia de seguridad y descarga una copia de tu plantilla. Así podrás restaurarla si algo sale mal.

Luego, en Blogger, entra a Tema y en la flechita de al lado de Personalizar, haces click en Editar HTML

Se abrirá el código completo de tu plantilla y busca lo siguiente:

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>

Una vez tengas la imagen que quieras para el botón, la debes subir a ImgBB, ahí le pones que no se elimine automáticamente y luego copias el código HTML full linked. De ese código, solo debes copiar lo siguiente: 

<a href="https://ibb.co/zW9R7tQG"><img src="https://i.ibb.co/Y4nkyVPp/keep-reading.png" alt="keep-reading" border="0"></a>

Luego, debes poner el siguiente código en el HTML de tu tema:

<center><img height='50' src='URL de la imagen' width='208'/></center>

Debería quedarte algo así:

     <b:if cond='data:post.hasJumpLink'>

      <div class='jump-link'>

        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><center><img height='50' src='URL de la imagen' width='208'/></center></a>

      </div>

    </b:if>

Ahí le puedes cambiar el tamaño, cambiando los números de height y width.

y Listo!

Para ponerlo en sus posts solo debes escribir una entrada como siempre, ir hacia los tres puntitos y presionar la rayita que aparece. Debes escribir hasta donde quieras que se vea el post en la página principal, poner la rayita y seguir escribiendo. Una vez publicado el post, se verá con la imagen que escogiste, y al hacer click en ella, te enviará a el post completo.

Espero que les sirva!!!