lunes, 3 de marzo de 2014

Poner imagen de "leer más"

Esta idea la he sacado del blog Mamá quiero ser blogger, donde lo explica todo detalladamente.

En blogger te dan la opción de añadir "leer más" para continuar leyendo un artículo.

Diseño ---> Entradas del blog ---> Texto del enlace de la página de entrada

Y ahí ya escribes el mensaje de "leer más" o lo que quieras.

Pero vamos a personalizarlo con una imagen propia que diseñemos.


Para ello tenemos que preparar un diseño, subirlo al servidor y tocar la plantilla.


Plantilla ---> Editar HTML

Buscamos <data:post.jumpText/>

Y sustituimos eso mismo por:

<img src="URL de tu imagen"/>

Ahora bien, con sólo esto no va a aparecernos la imagen de "leer más", sino que eso hay que ponerlo "manualmente" en cada artículo que escribamos.

Cuando escribamos un artículo tenemos que decidir hasta donde va a llegar la primera parte del post y darle a  Inserta salto de línea. Y después se continua escribiendo el artículo.




Entonces cuando lo publiquemos nos saldrá la primera parte del artículo y nuestra imagen de "leer más" y cuando los lectores pinchen en la imagen, aparecerá el artículo entero.






Blogging tips