Seguro que muchos de vosotros habéis tenido la experiencia de meter imágenes en vuestros blogs y que se hayan descuadrado, y al final no habéis podido dominarlas ;)

Hoy vamos a explicar paso a paso cómo introducir imágenes en vuestros blogs sin tener problemas.

Una vez elegida la foto, e introducida en vuestro texto a través del editor de texto con el icono (aquí va el icono) debeís abandonar la pestaña "Design" y os dirigís a la pestaña "HTML". Ahí veréis todo lo que habéis escrito en formato HTML.

El segundo paso es buscar el código de la imagen en el código. Será algo así:

<img src="/images/weblogs_madrimasd_org/ayuda/546/r_1.jpg">

Una vez localizada la imagen en el código lo único que tenéis que hacer es establecer un ancho y un alto a la imagen. ¿Cómo? Con las etiqueta "width" (ancho) y "heigh" (alto). Esto sería así:

 <img src="/images/weblogs_madrimasd_org/ayuda/546/r_1.jpg" width="70%" heigh="20%">

De este modo hemos establecido un ancho de 70% y un 20% de alto a la imagen y siempre aparecerá adaptada al ancho de vuestro blog, ni más grande ni más pequeña, ni se descuadrará. Deberéis probar el % que le asignais a la imagen porque esto depende del tamaño original de ésta.

Os recomendamos que sólo pongáis el width, así no tendréis problemas para que la imagen no se deforme porque el alto y el ancho no son acordes.

Un consejo: si tenéis una imágen muy grande, y no sabéis como cambiarle el tamaño, le podéis poner un width="100%", así se ajustará al ancho de vuestro blogs y no se descuadrará.

Espero que estos consejos hayan sido útiles y que no tengáis muchos más problemas con las imágenes.