Buscar

miércoles, 8 de abril de 2015

Colocar Leer Más en blogger

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.
Ahora veremos como aplicarlo a nuestro blog, para ello iremos a Diseño,Plantilla,Editar HTML.


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