Poner imagen Leer mas en blogger

¡Hola bloggers!
Después de un largo periodo de tiempo por vacaciones, por verano y porque he estado poniendo a punto el otro blog y como habréis notado por el diseño también este, hoy por fin os traigo un nuevo tutorial blogger que me pidieron hace tiempo.

Esta vez os traigo un paso a paso para poner una imagen en el Leer más, más información o según lo que le tengáis puesto.

Recordar que el Leer más en un pos sale cuando insertamos un salto de linea.


Poner imagen leer más en blogger



Si no tenéis copia de vuestra plantilla ya estáis tardando en hacerla por si algo sale mal.

Vamos a diseño>plantilla> y descargar plantilla. Ahora ya si algo sale mal no pasa nada.

1. Para poner la imagen de Leer más nos vamos a blogger>plantilla>edición html pulsamos Control+f y buscamos:

<data:post.body/>
Nos van a salir 4 etiquetas como esta, lo primero que haremos será sustituir la SEGUNDA etiqueta que nos salga como la que os he puesto por todo esto:


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>AQUI</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>




Sustituimos aqui por <img src="URL de la imagen" />

Sustituimos la parte que esta en azul Url de la imagen por la url de la imagen que nosotros queramos, como a veces hasta soy buena persona aquí tenéis unas imágenes que podéis poner, simplemente pincháis en ellas, copiáis la url que os saldrá arriba, la sustituyes y le das a Guardar plantilla.



leer más


imagen leer mas blogger


imagen leer mas blogger


imagen leer mas blogger


imagen leer mas blogger


imagen leer mas


imagen leer mas blogger


imagen leer mas blogger

Como cada plantilla es un mundo a veces dan problema, repito que primero probéis con la segunda etiqueta pero si no os sale probar con la primera, tercera y cuarta hasta que os salga.


¿Que os parece el tutorial blogger para poner de Leer más en blogger?

melyssa

7 comentarios:

  1. Muchas gracias Melyssa, está genial que hayas comportido esto con nosotras, muchas gracias. Un beso guapa.

    ResponderEliminar
  2. Me gusta! Cuando tenga un poco de tiempo me lo podré :)

    Gracias!

    ResponderEliminar
  3. una pregunta, cómo se achica o se estrecha los posts, para poner el "seguir leyendo aquí"?
    Besos

    ResponderEliminar
    Respuestas
    1. Eso es lo más facil del mundo tienes que darle a la hoja que te sale como rota y ya esta, puedes verlo en mi otro blog http://www.truquitosparalaschicas.com/2013/08/trucos-y-consejos-para-tener-un-buen.html

      Eliminar
    2. Mil gracias, por cierto me gustaron el resto de trucos de que das, a lo mejor lo pongo en práctica en mi blog!!
      Y Feliz Navidad!!!

      Eliminar
  4. Otra pregunta que me ha surgido, llevo días intentando hacer esto, poner la pestaña de "leer más", pero cuando voy a edición html, pulso control + f, y busco: , me dice que no existe, porque no me aparece??
    y si voy a personalizar, avanzado, añadir css, lo pongo allí todo, y tampoco me funciona, no sé si lo estoy haciendo mal, no lo sé hacer, o no lo entiendo?
    Podrías ayudarme?
    Por cierto mil gracias por ayudarme antes y ahora!
    y Felices fiestas!!

    ResponderEliminar
    Respuestas
    1. Cuando ya has modificado más veces la plantilla es muy probable que haya cosas que no te salgan, prueba recortando y busca: data:post.body
      Feliz año!

      Eliminar