Colocar una Imagen en lugar del texto "Leer más"

Tutorial 1 - Como poner una imagen en "Seguir leyendo" 

En 2 pasos!


Paso 1
Buscar la imagen que queramos colocar en lugar del texto, podemos buscarla en Google o editarla nosotros mismos. Una vez la tengamos necesitaremos la URL de esta, así que si es de Internet pincharemos con el boton derecho sobre ella y le daremos a url, y si la tenemos en el ordenador tendremos que entrar en http://es.tinypic.com y ahí subiremos nuestra imagen, el programa nos generará una url.


Y aquí os digo que yo tuve que usar la que está señalada, por que la de abajo que pone url y se supone que es la buena a mi no me funcionaba, y luego no me mostraba la imagen, yo usé esta y perfecto.
Pero fijaos en quitar los [IMG] del principio y del final.


Paso 2
Una vez tengamos el código iremos a nuestro Blog y entraremos en Plantilla / Editar HTML aquí, pulsando Ctrl + F nos saldrá el buscador y escribiremos:







y lo sustituiremos por este otro:





y deberá quedar así (Yo os lo he puesto con mi url para que veais como debería quedar):

Y así me quedó a mí

 ANTES

DESPUÉS

Nota Importante

Siempre que vayais a modificar la plantilla de HTML crear una copia de seguridad con anterioridad

Espero que os sirva de ayuda, y bueno ya iré subiendo mas tutoriales, pero si queréis alguno en particular pues me lo decís y en cuanto pueda os lo subo.