Cuando publicamos una entrada si es demasiado larga se vera demasiado
extensa en la página de Inicio de nuestro blog, de está forma nuestros
lectores tienen que verla por completo antes de poder ver la siguiente
publicación. Para reducir espacio a la hora de visualizar entradas en
nuestro blog y que queden más reducidas en espacio podéis aplicar el
Código HTML Botón leer más que os compartiré, de está forma solo tendrán que hacer clic sobre el botón para ver la publicación completa.
Colocaremos el puntero del ratón en una zona en blanco de la ventana que
se nos ha abierto ( la he dejado marcada con un circulo rojo en la
imagen) y presionaremos las teclas Control+F a la vez para que nos aparezca la barra de búsqueda adicional.
Ahora copiáis este código y lo pegáis en la barra de búsqueda y presionar la tecla Enter:
<data:post.jumpText/>
Ahora lo eliminaremos presionando la tecla Supr, hacerlo con cuidado para no eliminar más de lo que necesitamos.
Ahora en su lugar pegaremos el siguiente código:
<p align='right'><a expr:href='data:post.url'><img src='AQUÍ LA URL DE LA IMAGEN'/></a></p>
Antes de pegar el código colocar la url de
la imagen que os guste de las que os he dejado más abajo o de la
que creéis en photoshop y subáis al blog.
Por último hacer clic en guardar plantilla.
Ya está preparado el botón leer mas en nuestra plantilla HTML, ahora
cuando preparemos una publicación solo tendremos que hacer clic en el
icono de la barra de herramientas llamado Insertar salto de linea su icono es como una hoja de papel rota.
Esto lo tendréis que hacer en todas las publicaciones donde queráis que aparezca la opción de Leer más.
En la vista previa no lo veréis aplicado pero si cuando lo publiquéis.
No hay comentarios:
Gracias por pasarte, comentar y unirte.
Nuestro mail es asociacion.bloguer@gmail.com