Café largo de ideas Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

Personalizar el tamaño de las fotos en Blogger

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 !!




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"


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.


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


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/s600/pantallazo-blogger-html.jpg" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-RxSMiXXU7dI/VO7hPFUNycI/AAAAAAAASgc/xjoPgY400n4/s600/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/s600/pantallazo-blogger-html.jpg" imageanchor="1" ><img border="0" src="http://1.bp.blogspot.com/-RxSMiXXU7dI/VO7hPFUNycI/AAAAAAAASgc/xjoPgY400n4/s600/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

Fuente: este post proviene de Café largo de ideas, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

niños blogueradas

Cómo hacer un mosaico de fotos en Blogger

Ahí va mi composición con fotos de diversos detalles de Port Aventura : Ahora las explicaciones pertinentes... que pueden parecer un poco liosas pero que seguro le "pillas el tranquillo" rápido, es sólo cuestión de fijarse bien !! Bien, lo primero que debes hacer es subir cada imagen a modo individual, como vienes haciendo habitualmente (en la pestaña de "redactar")... Yo te ...

niños código html tutoriales

Efecto opaco en tus fotos al pasar el ratón sobre ellas

Un truco muy chulo que seguro te "engancha" y por ende lo añadirás en un montón de tus fotos !!. Te muestro un ejemplo... para verlo no tienes más que pasar el ratón sobre la imagen que te muestro a continuación. Puedes ver también este truco aplicado en mi página DIYs, así te doy otra idea de dónde puedes aplicar este truco ! Te explico el proceso, he subido mi foto clicando en el bot ...

niños recetas tutoriales

Cómo mejorar la visualización de las fotos en Facebook

Este post surge por la rabia que me da cuando comparto una noticia, un post, ... o lo que sea en Facebook y, en ocasiones, la foto asociada al mismo, me aparece situada en el lado izquierdo, desaprovechando todo el espacio disponible... en mi opinión, queda francamente feo !! ¿ El por qué ocurre esto ?, pues si no eres nuevo en esta red ya sabrás que ocurre únicamente con las imágenes que son má ...

niños tutoriales

Cómo añadir en Blogger una descripción en cursiva, negrita y/o subrayada

Bien, una vez más trabajaremos con código HTML, muy básico y sencillo, como a mi me gusta !! Este tutorial me lo he planteado a la hora de añadir una descripción ( en mi caso un agradecimiento ) después de mi cabecera de blog,... Blogger no te da ninguna opción para darle formato a dicho texto, pero lo que sí admite son el uso de etiquetas HTML para poder hacerlo, bien las etiquetas serían las sig ...

niños código html tutoriales

Cómo añadir una línea o separador en tus posts de Blogger

Cómo puedes ver en el blog a mi me encantan las líneas rectas, más bien finitas... así que hoy me toca hablar de cómo hacer unas cuantas en los posts ! ; ) A mi me parecen muy útiles para separar o resaltar palabras, párrafos, o incluso el título del post (si sitúas el código justo debajo), además le dan un toque muy personal y elegante que sin duda mejorarán el diseño de tus posts ¿ no crees ? B ...

la barriga después de un embarazo cuidados después del embarazo y parto salud y belleza ...

Reducir el tamaño de la barriga después de un embarazo

A muchas mamás les preocupa como les quedará el cuerpo después de haber pasado por un embarazo y el posterior parto. La barriga es una de las partes que sufre más cambios, ya que la piel estiró durante 9 meses y tardará en volver a su sitio. Después de dar a luz es completamente normal que la barriga esté hinchada, y puede tardar unos tres meses en volver a tener su 'tamaño' normal. Aunque ...

Código HTML Tutoriales

Cómo incorporar texto e imágenes en movimiento

Hoy te voy a mostrar cómo puedes incorporar texto e imágenes en movimiento en Blogger muy fácilmente. Hoy te voy a mostrar cómo aplicar este tutorial en Blogger, pero podrías aplicarlo igualmente en tu sitio web esté o no en esta plataforma, para ello simplemente tendrías que colocar el código html que te voy a a proporcionar en el lugar adecuado. Lo primero por lo que empezaré es por comentarte q ...

bebés crianza natural cuidados infantiles ...

Publicar las fotos de tu bebé en Internet | reflexiones

Pincha aquí para ver el artículo original En los tiempos que corren, todos utilizamos Internet de forma habitual. Es el mundo en el que nos movemos y vemos todos los días miles de imágenes que se publican constantemente en las redes sociales. Y, en muchos casos, nos encontramos también con muchas fotos de bebés y de niños pequeños. Esto ha despertado un enorme debate que está levantando ampollas ...

bebés blogger invitado casa de campo ...

Una casa de campo en Alemania - Blogger Invitado

De nuevo por aquí con más descubrimientos interesantes! Ya tenía tiempo sin publicar en Blogger Invitado, pero algunos problemillas técnicos me lo impedían. Para recompensaros por la espera hoy os traigo una invitada de lujo, lo veréis! Si tiene algo bonito esta sección, es que os puedo mostrar sitios especiales y que para mí, cuentan con muchas papeletas para convertirse en blogs de referencia y ...

Columpio en el Jardín film Film

Be!Blogger Campus Madrid

Be!Blogger es el primer gran evento para blogueros organizado por Red Facilísimo y en el que participamos activamente desde Un Columpio en el Jardín. Se desarrolló en el Campus Madrid el pasado 8 de octubre con lleno absoluto y las asistencia de más de 200 blogueros de diferentes temáticas con ganas de aprender. Comenzamos la mañana con Fabián León, quien saltó a la fama gracias a Masterchef. En ...