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 :*