CÓMO PONER LEER MÁS EN UN POST III: EDICIÓN DE PLANTILLA

Vamos con la tercera parte (y última) de cómo personalizar el "leer más" de nuestros posts.

Ya sabemos cómo acortar nuestros post y que figure "leer más" (o lo que queramos) al final del post acortado . Aquí podeis verlo quienes no lo hayais leído.

También os he enseñado cómo diseñar una imagen que podeis colocar en el lugar dónde figura "leer más" . Aquí  le podeis echar un ojo.

Y ahora lo que vamos a ver es cómo insertar nuestra imagen en la plantilla Html de blogger. Tranquis, que es muuuy sencillo :)



Lo primero es subir la imagen a una página tipo Imageshack. He descubierto TinyPic y me gusta más porque es más intuitiva

Nos vamos a Tinypic y le damos a examinar, buscamos dónde tenemos la foto y pinchamos en el archivo que sea.

Si queremos le podemos poner unas etiquetas, yo le he puesto leer más

Y por último le damos al botón verde para subirla. Nos va a pedir un código captcha, introducimos lo que nos ponga y listo!


Del mismo modo que hicimos en Imageshack cuando subimos los iconos de los social media (por si no lo has visto Aquí  cogemos el link correspondiente a "direct link" 
















Ahora pasamos a nuestra plantilla.

Lo ideal es hacer una copia de seguridad para evitar sustos.

Nos vamos a plantilla y después pichamos en "editar diseño"


y después:

1- colocamos el cursor dentro de la plantilla

2- Cuando tengamos el cursor allí, tecleamos el comando Ctrl+F y buscamos lo que os aparece en el buscador

3- Cuando lo encuentre lo resalta en amarillo y eso lo borramos



4- Y lo sustituímos por:

<img src="link de nuestra imagen"/>

En mi caso particular, quedaría así: 

<img src="http://i44.tinypic.com/2uemq0w.jpg"/>


yo, antes de guardar, le doy a vista previa para ver si todo está ok. Lo he comprobado, está perfecto, ya solo nos queda guardar la plantilla


Vemos el resultado:


ahí está la imagen!

En este caso la tenía que haber hecho más pequeña, asique tened cuidado a la hora de diseñarla y que no os pase cómo a mí :)

Os dejo aquí escrito lo que teneis que buscar en la plantilla :


                                <data:post.jumpText/>



Espero que os haya sido útil! A disfrutar del finde :*

4 comentarios:

  1. Hola guapa...hay q ver...en este tema soy bastante indecisa...sobre lo de poner un leer mas..aunque me los guardo...esta super bien explicado y si me animo te escribo jajajaja.
    muchos besos

    tati

    ResponderEliminar
    Respuestas
    1. yo solo lo utilizo para algunos post. Esto va en gustos, tati. Si te decides y tienes alguna duda ya sabes.

      besotes!

      Eliminar
  2. Pues si,?? aah en serio solo se puede en algunos? pensé que si lo hacias en todos se ponía automático! que bueno!

    merci artista!!

    tati

    ResponderEliminar
    Respuestas
    1. tu seleccionas los que quieres acortar. A mí por eso me "gusta" porque las entradas más pesadas o que no quiero que se vean enteras porque no tiene que ver mucho con costura las acorto y que las lea quien quiera.

      Pa ser artista me queda mucho, pero gracias!

      bss

      Eliminar

Si te ha gustado ¡Dilo! es sexy ;)