Revista En Femenino

Personalizar el tamaño de las fotos en Blogger

Por Arántzazu Quiroga Alonso
Yo soy bastante maniática con el tema de las fotos en el blog, no me gusta que salgan pequeñas, sino prácticamente al tamaño del post, es decir ocupando todo el ancho del mismo... y hoy quiero compartir contigo cómo lo hago !!
Personalizar el tamaño de las fotos en Blogger
Bien, en mi caso concreto publico las fotos a un ancho fijo de 600 píxeles, y esa medida no la da por defecto Blogger con ninguna de las opciones que tiene habilitadas al respecto (pequeño, mediano, grande, extragrande o tamaño original )... así que "a buscarse la vida" como suele decirse !!
Lo primero desde luego insertar la imagen a subir, para lo que deberás clicar en el icono de "inserta imagen"
Personalizar el tamaño de las fotos en Blogger
Seleccionar "elegir archivos" del menú "subir", en caso de que subas las fotos desde tu ordenador... pero puedes también subir fotos subidas ya a tu blog, subidas a Picassa, desde tu teléfono móvil o incluso desde una URL, simplemente, deberás clicar en la pestaña superior correspondiente según el caso.
Personalizar el tamaño de las fotos en Blogger
Una vez insertada la imagen, si clicas sobre ella podrás ver varias opciones, entre ellas las que ya te comenté de : pequeño, mediano, grande, extragrande o tamaño original, en mi caso si clico en la opción de grande me quedo un poco corta en el ancho, y si clico en la de extragrande, por el contrario, me paso... las demás opciones tampoco se ajustan al tamaño que yo quiero, entonces lo que hago en dejar clicada la opción de grande, pero puede ser otra cualquiera ( no importa demasiado, lo que busco con esta acción en simplemente que Blogger añada código HTML con un tamaño cualquiera, ya me encargaré yo de modificarlo a mi gusto ). Yo suelo coger el tamaño de grande, porque Blogger me redondea el ancho del tamaño de mis fotos a 400, y al dejarme el ancho en un número redondo pues para mi es más fácil hacer los cálculos ( no te asustes, no son nada del otro mundo )!!
A continuación clico en la pestaña de "HTML" ubicada en la parte superior del post correspondiente
Personalizar el tamaño de las fotos en Blogger
Localizo entre el código aquel fragmento que corresponde a la foto en concreto que deseo modificarle el tamaño.. ¿ cómo ?, es muy sencillo, el código será del tipo de :
<a href="http://1.bp.blogspot.com/-RxSMiXXU7dI/VO7hPFUNycI/AAAAAAAASgc/xjoPgY400n4/s1600/pantallazo-blogger-html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-RxSMiXXU7dI/VO7hPFUNycI/AAAAAAAASgc/xjoPgY400n4/s1600/pantallazo-blogger-html.jpg" height="287" width="400" /></a></div>
Dentro de las comillas del src puedes ver una url, y al final de la misma, justo antes del .jpg verás el nombre de la misma, simplemente fíjate que éste corresponda con el nombre que le has dado a tu imagen.
Bien, ahora sólo es cuestión de modificar los valores del height ( alto de la imagen ) y del width ( ancho de la imagen ), en mi caso, redondeo el 400 a 600, y cómo le he sumado al valor inicial 200 lo que hago seguidamente es sumar otros 200 al valor del height, al sumar la misma cantidad a un valor y otro lo que consigo es que no se me deforme la imagen, tenlo en cuenta !
El resultado de la modificación del código en mi caso sería por tanto este :
<a href="http://1.bp.blogspot.com/-RxSMiXXU7dI/VO7hPFUNycI/AAAAAAAASgc/xjoPgY400n4/s1600/pantallazo-blogger-html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-RxSMiXXU7dI/VO7hPFUNycI/AAAAAAAASgc/xjoPgY400n4/s1600/pantallazo-blogger-html.jpg" height="487" width="600" /></a></div>
Listo, ya tengo la foto subida a mi blog al tamaño deseado !
Por cierto, si te interesa el tema de las fotos, te adelanto que en el sitio web de diseño gráfico, retoque fotográfico y videotutoriales Tritrazos estamos a puntito de sacar un nuevo servicio al respecto, consistirá en aportarte las fotos que necesites para tu blog o sitio web, optimizadas para que posicionen mejor en buscadores... intentaremos sacarlo para esta semana que viene, así que estate atento / a  !!
¿ Qué te ha parecido el tutorial ?, ¿ te animas a ponerlo en práctica ?, ...
Quizás también te interese :
  • Cómo mejorar la estructura de tus posts
  • Cómo publicar en Google+ y sus Comunidades
  • Los posts programados : ventajas y desventajas

Volver a la Portada de Logo Paperblog