CÓMO PONER LAS FOTOS MÁS GRANDES, EN EL BLOG (INCLASIFICABLES)

No pocos me habéis hecho esta pregunta desde que hace unos meses, le hiciera el segundo lavado de cara al blog.
Viendo el interés por conseguir mostrar las fotos más grandes de muchos de vosotros, he decidido hacer un post contando como hacerlo en sencillos pasos sin necesidad de saber de HTML para modificar la plantilla.

Pero antes de nada, deciros que será mucho más fácil conseguir ese tamaño si usáis los álbum de Picasa, y enlazáis las fotos desde este como hago yo, ya que la modificación siempre será más sencilla de realizar.

Para ello debéis seguir estos pasos y enlaces antes de nada:

- Primero tienes que tener una cuenta de Gmail.
- Instala el Picasa en el ordenador: http://picasa.google.com/
- Luego abre tu cuenta de Gmail: https://www.google.com/accounts/ManageAccount
- Allí te tendría que aparecer la opción de Picasa

(Foto 001)

Lógicamente, para poder usar esas fotos en el blog, debemos meter fotos en el álbum de Internet que Picasa nos enlaza de manera intuitiva y sencilla.

- Inicia el programa Picasa del ordenador.
- Espera a que busque todas las fotos del ordenador tras el escaneado. Esto puede tardar mucho o poco dependiendo de la máquina que tengas y de la cantidad de fotos que haya en el disco duro.
- Busca las fotos que quieras subir.
- Selecciona, bien la carpeta entera o una foto en concreto y pincha en "Subir"

(Foto 002)

Ya tenemos nuestra foto metida, ahora vamos a enlazar esta foto del álbum al blog con un tamaño de 800px, si nos deja ya que dependiendo del tamaño de nuestra imagen este tamaño puede ser inferior, pero nunca superior.

- Una vez cargadas las fotos, entra en el álbum para verla/s

(Foto 003)

- Busca el álbum donde está la foto o fotos y allí seleccionala para verla pinchando dos veces sobre ella.
- A la derecha, veras diferentes opciones. Para poder meter la foto, primero pincha en donde pone "Enlace a esta foto" luego selecciona el tamaño que quieras poner (en este caso es 480 debido a que el original es demasiado pequeño pero lo normal es que te de la opción de 800 como máximo) seguido activa la opción de ocultar el álbum al que pertenece (para evitar que aparezca la dirección del álbum en el blog), y finalmente selecciona el código HTML en la casilla de "incrustar imagen" y lo copias (CONTROl + C)

(Foto 004)

- Tras esto vas al blog, como administrador, vas a la entrada que quieras poner la foto y editas en HTML, pegas el código copiado y cambias a modo "Redactar" y verás la foto al tamaño grande.

Ya tenemos nuestra foto a tamaño máximo…pero claro tenemos dos problemas. Uno es que nuestra plantilla de Blogger es demasiado estrecha y la foto se sale por los lados y la otra es que tenemos metidas mogollón de fotos en anteriores post, que nos gustaría tuvieran también gran tamaño. Lo segundo se soluciona de la siguiente manera:

Si te fijas en el código que has copiado, verás que hay un número que indica 800 al lado de una "s". Ese es el número que deberás cambiar si quieres modificar las fotos que ya tienes publicadas en anteriores post

(Foto 005)

Un trabajo arduo lo sé, pero es la única manera que conozco de hacerlo siempre y cuando usases los álbum de Picasa claro.

Lo primero también tiene solución aunque esta es menos trabajosa.

Veamos pues como hacerlo con estos sencillos seis pasos:

1. Entra en el blog como administrador
2. Pincha en donde pone “Diseño”
3. Dentro de este, busca la pestaña “Edición de HTML” y pincha

(Foto 006)

4. Comienza el jaleo: Ve bajando en la ventana interna que ha salido y busca “#outer-wrapper”, ahí debes cambiar los píxeles que aparecen por el tamaño deseado que será mayor del que tengas ahora.

(Foto 007)

5. Pincha en la parte de abajo para ver como quedaría en la “Vista previa” y comprueba los cambios. Si no te gustan vuelves a cambiar la numeración y listo
6. Para cambiar el resto de espacios del blog, si te fijas más abajo hay más “width” a lo largo del HTML de la plantilla; cambiando cada uno verás a cual se refiere y así poder modificar poco a poco y probando como quieres que se vea finalmente el blog.

En el mundo del diseño web es algo habitual estar probando y probando hasta que das con la estructura correcta para el diseño final.
Ten paciencia y conseguirás lo que quieres. ;)

Si por fin has conseguido el resultado deseado, aquí unos consejos que al menos a mí me ha sido útiles dados, en algún caso, por otros conocedores del mundo web.

Lo primero que debes saber es que el blog tardará en cargar más al tener las fotos más grandes, por eso es recomendable de, aparte de limitarte a un máximo de diez por post (más suele retrasar la carga mucho dependiendo de la máquina que se use y de la conexión que tengas), también deberás poner especial, cuidado en guardar las fotos a un tope de 72ppp, que es el tamaño habitual para el visionado de imágenes en un monitor.
Si tus fotos están a más ppp (píxeles por pulgada), es probable que la gente termine de leer el post y aun no se hayan cargado las fotos.
Por último decirte que es recomendable probar el blog en al menos los dos navegadores más habituales ya que puede que en uno se vea bien y en el otro quede descuadrado.
Uno es Internet Explorer y le otro Firefox. Para probar este último tendrás que instalarte el navegador en tu máquina o usar la de alguien que sepas lo usa.

Suerte y espero que os haya sido de utilidad :)