Cómo poner fotos más grandes en blog de blogger (I)


En las entradas a la hora de adjuntas fotos nos dejan adjuntarlas como pequeñas, medianas o grandes. El problema es que el "grande" no es muy grande. Si quieres poner en tus entradas del blog las imágenes más grandes deberemos hacer lo siguiente:

Visitamos imageshack.us


1) Clicamos en Browse... para seleccionar la imagen que queremos cargar.
2) Una vez seleccionada pulsaremos en start upload!
3) Nos encontraremos con la siguiente pantalla:


4) Copiamos el link que pone "Thumbnail for Websites"
5) Lo pegamos en la entrada.


<a href="http://img406.imageshack.us/i/rata.jpg/" target="_blank"><img src="http://img406.imageshack.us/img406/1073/rata.th.jpg" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a><br /><br /><a href="http://img604.imageshack.us/content.php?page=blogpost&files=img406/1073/rata.jpg" title="QuickPost"><img src="http://imageshack.us/img/butansn.png" alt="QuickPost" border="0"></a> Quickpost this image to Myspace, Digg, Facebook, and others!


El link de color rojo lo sustituiremos siguiendo estos pasos:


6) Pulsamos sobre la imagen como en la siguiente foto:


7) Apareceremos de nuevo en otra pantalla y con la imagen mas grande. Volvemos a pulsar en ella:


Y aparecemos en una ventana en la que ya solo aparece la imagen. Vamos a la barra de direcciones y copiamos el enlace que nos aparece:


Este enlace lo cambiaremos por el anterior que puse en rojo en el paso 5)


<a href="http://img406.imageshack.us/img406/1073/rata.jpg" target="_blank"><img src="http://img406.imageshack.us/img406/1073/rata.th.jpg" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a><br /><br /><a href="http://img604.imageshack.us/content.php?page=blogpost&files=img406/1073/rata.jpg" title="QuickPost"><img src="http://imageshack.us/img/butansn.png" alt="QuickPost" border="0"></a> Quickpost this image to Myspace, Digg, Facebook, and others!



Ya hemos terminado. Mira la diferencia con este ejemplo:

Foto subida en blogger


Free Image Hosting at www.ImageShack.us
Foto subida en imageshack siguiendo los pasos anteriores



Nota: Ten en cuenta las dimensiones de las entradas de tu blog. Si la imagen es más grande que el tamaño de la entrada (main-wrapper) quedará cortada tal y como está pasando en este ejemplo.



18 comentarios:

  1. hola siguo todos los pasos pero la imagen me sale re pequeña. que puedo hacer

    ResponderEliminar
  2. Comprobar los pasos 3) y 7). En ellos puede haber confusion si no te paras a mirarlos detenidamente.

    Un saludo.

    ResponderEliminar
  3. CR9 quizas sea porque ahora en blogger te sale la imagen pequeña y debajo de ella puede elegir el tamaño y para que se vea grandes debes clickar en original, esto yo lo hago hace tiempo, pero uso tinypic de servidor de imagenes.

    quierocrearunblog hay alguna manera de controlar el padding de cada gadget po separado en la sidebar?

    ResponderEliminar
  4. Hola jose_3

    No estoy muy puesto en padding pero te aconsejo que le eches un vistazo a esta entrada: http://www.quierocrearunblog.com/2009/09/chuleta-css-para-tu-blog-de-blogger.html

    Un saludo.

    ResponderEliminar
  5. Hola, hoy encontre tu blog y me parecio mucho mas que interesante. Mis felicitaciones, desde Cordoba, Argentina. Desconozco cual es el origen del blog.
    Hay una duda que tengo respecto a las fotos en blogger. Hay forma de verlas mas grandes sin necesidad de subirlas a un servidor externo como photobucket o imageshak? Aqui te copio mi duda que puse en otro blog:
    En un principio al hacer el blog, subia las fotos al blogger y por mas que pusiera la opción de "ver foto grande", se veían pequeñas. Si entraba a modificar el código lograba que se vieran mas grandes, pero pixeladas. Entonces, me recomendaron subir las fotos al photobucket...y solucioné los problemas.

    Pero, con el paso del tiempo y luego de haber subido mas de 150 fotos al photobucket...veo que en google al realizar busquedas, siguen apareciendo las fotos del blog viejo, las que originalmente subi al blogger. De entre 10 o 15 imagenes que aparecen de las mías...solo 1 o 2 son del PBucket.

    Conclusión: Si pudiera hacer que las fotos subidas al blogger, se vean a tamaño original..unos 800x533 (800x600), ganaría mayor posicionamiento en la web.

    Cabe aclarar, que el blog viejo no tuvo ni el 10% de las visitas que tiene el nuevo...y así y todo aparece en la primer página de google en diferentes búsquedas..hasta a veces aparece 1ª o 3ª ( después de grandes portales )

    ResponderEliminar
  6. Hola Fabricio, muchas gracias por tus palabras y por tu comentario.

    Yo no he descubierto otra forma de ampliar las fotos sin emplear el "truco" de utilizar un servidor externo. A ver si blogger lo incluye en un futuro...

    Un saludo.

    ResponderEliminar
  7. Podrías explicar cómo subirlas desde Photobubket?
    Por que desde la pagina que has explicado me parece un poco complicado.
    Gracias.
    Un saludo

    miri_xd@msn.com

    ResponderEliminar
  8. Hola Miri. Desconozco como se hace desde Photobucket. Te animo a darle una oportunidad a este sistema, al final no es tan complicado.

    Gracias a ti por tu comentario y visita. Un saludo.

    ResponderEliminar
  9. Lo he probado, pero lo unico que noi me gusta es que al dar click sobre las imagenes una vez en el blog, me lleva a la pagina de imageshack, me gustaria q no tenga enlace... que se puede hacer?

    ResponderEliminar
  10. Hola eli_boziok. Me temo que es asi, siempre que pongas una imagen, ya sea subiendola tu a blogger o a traves de imageshack gracias esta entrada, al pulsar sobre ella te ocurrira eso.

    Te aconsejo que leas estas entradas sobre como ampliar imagenes haciendo clic en ellas:

    1) http://www.quierocrearunblog.com/2009/08/ampliar-una-imagen-cuando-pasas-el.html

    2) http://www.quierocrearunblog.com/2009/08/ampliar-una-imagen-haciendo-clic-en-tu.html

    Creo que este ultimo es el que mas se ajusta a lo que me pides.

    Un saludo y gracias por tu visita y comentario.

    ResponderEliminar
  11. No me funciona. Hice los pasos como cinco veces y sigue sin andar. :/

    ResponderEliminar
  12. Hola Sofi. Si no te ha funciona, que debería haberlo hecho, ves a Configuración->Básico->Seleccionar editor de entradas->Editor actualizado.

    Con el editor actualizado te aparecerá la posibilidad de poner en las entradas de tu blog las fotos aún más grandes (concretamente extragrandes).

    Saludos y felices fiestas.

    ResponderEliminar
  13. sigo todos los pasos hasta que llego en la parte de copiar el link que da "Thumbnail for Websites" y justo ese no me aparece. aparecen otros nombres con sus respectivos links.., nose podría ser otro de esos que también sirva?

    ResponderEliminar
  14. me ha ido genial, estoy en ello, pero copio el codigo Html en la entrada y vaya cambio!!!

    muchas gracias!!

    Tatiana

    ResponderEliminar
  15. Gracias por la información, lo he probado y va genial!

    ResponderEliminar
  16. Yo he pasado de tener las imagenes enanas a que me salgan de dos metros no hay manera de que lo consiga!!!

    ResponderEliminar
  17. Buenas tardes, no se que pase con mi Blog, que actualizo la entrada y no sale la foto como en las listas de los blogs que sigo, me podrías ayudar? mi correo es trujimenez@gmail y mi blog es http://cadenasdeilusiones.blogspot.com

    ResponderEliminar
  18. Gracias lo voy a probor estuve buscacando algo para subir imagenes de mayor tamaño y creo que tu opcion es la mejor Saludos!

    ResponderEliminar