“Leer más” en Blogger de forma nativa

"Leer más", "Read more" o "Seguir leyendo", es uno de los trucos más buscados por todos los usuarios Blogger, y por el décimo aniversario de esta plataforma, Blogger estrena el "Read more" de forma nativa, es decir, incorporado a tu blog sin tener que modificar y/o agregar nada de codigos en tu plantilla solo en caso de personalizados.

Como usar:

Hay dos formas de utilizar el "Leer más" y están en función del editor que se use. Entonces, para usar esta función, dale clic a este enlace Blogger Draft y automaticamente te redireccionara al escritorio de tu blog y crea una nueva entrada o edita una entrada, y la otra forma es click en Configuracion→Basico y buscar Configuracion Global activar la opcion Editor Actualizado.

y oh sorpresa veras el editor actualizado.

si estas en modo visual (Redactar) da clic en el icono de "Insertar salto linea" para cortar en ese punto tu artículo:

Desde el modo de Edición HTML, esta característica se puede usar desde el Blogger de siempre, solo agregando el código:

<!-- more -->

En el punto de corte del artículo.

Configuración:

Si quieres configura el texto por defecto "Más información", solo tienes que ir a Diseño → Elementos de página → Entradas del blog → Editar. Y escribe la leyenda que más te agrade.

Nota: Para aquellos que utilizan plantillas personalizadas o no se muestra en enlace de "Leer más...", tendrán que añadir un fragmento de código para que se muestre "Leer más..." en las entradas del blog en las que se agregue el salto de linea.

Para ello, vaya a Diseño | Edición de HTML, y hacer una copia de seguridad de la plantilla haciendo clic en el enlace Descargar plantilla completa en la parte superior de la página.

Después de copias de seguridad de su plantilla, a continuación, haga clic en la casilla de verificación Expandir plantillas de artilugios y buscar el siguiente fragmento código HTML:

<data:post.body/>

Una vez que hayas encontrado, el código pegar el siguiente fragmento directamente debajo de ella:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Después de que haya pegado en el código, haga clic en Guardar y ya está!.