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

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

niños código html tutoriales

Cómo navegar por otra web sin salirte de la tuya

A la hora de hacer tutoriales,de mostrar páginas webs que nos gustan,.... los pantallazos se suelen convertir en nuestros grandes aliados... ¿ o no?. Bien, hoy quiero ir un paso más allá y mostrarte otra forma de presentación, muchos más dinámina, que podrás usar en algunos casos (especialmente en aquellos en los que en el pantallazo no te entre toda la información visual que desees recoger), sien ...

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

looks Maternidad Mini ...

La mochila de Ale (y muchas cositas mas)

Esta es la mochila que nos acompañará este curso… A la peque le encanta Gastón (la mascota “mariquita” de unos dibujos animados), así que cuando vio esta mochila ya no había manera de convencerla con ninguna otra.Luego yo me volví loca con el pack completo, jjjj. Bolsita para el almuerzo, botella, babero y cubiertos para casa…, jjjj Me habéis preguntado mucho por el tamaño de la mochila así que en ...

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 blogueradas

3 Mejoras rápidas en el diseño de los posts

Bien, voy a jugar un poco con el diseño de los posts, lo que pretendo es simplemente aumentar las limitadas posibilidades que Blogger te ofrece de un modo rápido y sencillo... obviamente se pueden hacer cambios mucho más sofisticados, pero esos los dejaré para más adelante... para empezar iremos por lo sencillo, ¿ te parece ?, ... [ 1 ] Listas Blogger te ofrece únicamente la posibilidad de hacer ...

niños tips tutoriales

Razones y alternativas para no cambiar el título de tu blog

Quizás alguna vez se te ha pasado por la cabeza cambiar el nombre de tu blog, ¿me equivoco?... y es que a lo mejor has ido ampliando o modificando la temática de los posts que publicas y tal vez el nombre del blog no refleje muy bien estos nuevos contenidos... lo confieso, ¡a mi me ha pasado! Bien, hoy quiero darte mi punto de vista al respecto; cambiar el nombre del blog puede acarrear un montón ...