Aunque hay librerías de scripts que permiten darle un efecto de zoom a las imágenes de tamaño grande, en ocasiones estas librerías no son compatibles con otros scripts que tenemos, o bien, puede hacer un tanto pesada la carga del blog.
Es en esos momentos en los que agradecemos de servicios gratuitos que nos permiten hacer lo mismo pero sin tener que modificar la plantilla ni hacer malabares que nos den dolores de cabeza.
Un ejemplo de ello es Zoom It, un sitio que nos permite de la manera más simple insertar una imagen en el blog con la opción de aumentar la misma imagen con tan solo darle click sobre ella.
El procedimiento es tan simple que está al alcance hasta de los más novatos. Sólo basta subir la imagen a un alojamiento (incluso en Blogger puede ser). Luego entrar a Zoom It, y ahí ingresar la URL de la imagen que hemos subido y que deseamos mostrar.
Al dar click en Create tendremos lista la imagen con la opción de darle zoom a cualquier parte de ella.
Debajo aparecerán dos opciones, una es la URL para que tus lectores puedan entrar al sitio a verla, y la otra es un script que nos permitirá insertar la imagen dentro del blog, sólo basta copiar el código que está dentro de Embed y pegarlo en una entrada del blog.
En el código podremos observar que se pueden modificar los valores del tamaño.
<script src="http://zoom.it/mXJv.js?width=auto&height=400px"></script>
De modo que width=auto hará que el ancho se ajuste automáticamente al ancho de la entrada, y height=400px es el alto en pixeles que tendrá dicho gadget, se puede ajustar por otro valor más pequeño o más grande, según se desee.
Enlace | Zoom It
Esta Perfecto Potro, Esto va a Favoritos :D
ResponderEliminarSuena muy bien, gracias y le voy a dar una probada.
ResponderEliminarMuy útil, muchas gracias por la información
ResponderEliminarAlejoblogger, lindo ¿no?
ResponderEliminarPerro Blanco, vale, ojalá lo encuentres útil ;)
Chido POTRO como siempre...gracias!!
ResponderEliminarEnrique Montalar, Microboy90, qué bueno que les ha gustado :)
ResponderEliminarexcelente¡¡¡...y aún más con la opción de ver en la página completa
ResponderEliminar:D
gracias potro
Si señor, es estupendo! Gracias por compartir este maravilloso script : )
ResponderEliminarmuy bien ,se ve profesional ademas que no pierde mucha calidad al hacer el zoom
ResponderEliminarHola Potro:
ResponderEliminarTanto tiempo!!!
Buen artículo. Está especial para quienes se manejan y su fuerte son, obviamente, las imágenes.
Buen recurso.
Saludos y estamos en contacto.
Jpz.-
Luis, sí, sí, esa opción es buenísima.
ResponderEliminarDescomposed, gracias a ti por tu visita :)
Peliztube, es mínima la calidad que se pierde, pero igual depende del tamaño original de la imagen.
Jpz, en efecto... ¡tanto tiempo! Saludos.
que brillante potro
ResponderEliminarTiene un elegante efecto y muy llamativo.
ResponderEliminarGracias por compartirlo.
Este comentario ha sido eliminado por el autor.
ResponderEliminarQué bien que ha sido de su agrado :)
ResponderEliminarPotro me gustaria hablar con tigo, si es posible por el Msn ya sabes ojala te conectes.
ResponderEliminarGracias
No es nada relacionado con esta entrada pero si con algo de blogger.
Muy buena entrada Potro.
ResponderEliminarMe gustaria saber (no se en que entrada ponerlo) porque en este blog que estoy creando quedan tan separados los gadget. Es la misma plantilla que la otra que tengo. Incluso he intentado colocar el buscador en la cabecera junto con la publicidad en el mismo gadget y queda muy separado (en el otro me queda juntito como en tu blog).
http://elblincacequias.blogspot.com/
Un saludo y espero que te gusten unas cosillas que colocado....
Muy bueno potro!!!!
ResponderEliminarsiempre me sorprendes con cosas así :D
saludos!!!!
potro,como hago para hacer un buscador como el de esta pagina?, que salgan lso resultados en una pagina externa...
ResponderEliminar◄•••►F.Garcia◄•••►, ciudadblogger@msn.com
ResponderEliminarBlincacequias, en las plantillas nuevas sigo sin saber cómo aumentar o disminuir el espacio entre los gadgets :\
adriancybor, gracias por tu comentario!
MARTMEN, yo lo he hecho con Adsense, pero puedes hacer algo muy parecido con el Motor de búsqueda personalizada de Google
Como esta todo potro? jeje.. mira te queria pedi un favor no sabes de un tutorial para hacer un slideshow igualito al de esta pagina (ya la habias visto antes) como marca de agua y todo? o por lo menos que el slide show sea igualito al de esa pagina XD saludos!
ResponderEliminaresta es la web
ResponderEliminarhttp://www.greenzonerblog.com.ar
Sí, lo he probado y funciona perfectamente y es muy útil. De nuevo gracias y adelante con el blog, que muchísimos te lo agradecemos.
ResponderEliminaryonathan , no es que el slider tenga incluido la marca de agua, sino que el autor se la ha puesto a cada imagen. Un slider parecido es este.
ResponderEliminarPerro Blanco, gracias :)
Hola Potro,de nuevo muchas gracias por tu ayuda.He instalado el efecto zoom a la imagen. Despues de dividir la cabecera, al lado derecho he colocado un gadget y debajo tengo un banner. El de zoom de la imagen me queda un poco pequeño.Quiero aumentarlo de tamaño.
ResponderEliminarEntiendo que width=auto hace que el ancho se ajuste automáticamente al ancho de la entrada, y height=400px es el alto en pixeles que tendrá dicho gadget, Este lo he ajustado a un valor más pequeño pero quiero aumentar width que se ajusta automaticamente al ancho de la entrada. la pregunta es: de donde se ajusta el ancho de la entrada.lo necesito más grande para luego volver a aumentar height y tener una presentación más grande.
Gracias nuevamente por tu ayuda
http://nucleo23marsella.blogspot.com
Usualmente eso se hace cuando creas la plantilla a través del diseñador. Pero para que no la tengas que reinstalar de nuevo prueba con esto:
ResponderEliminarBusca en tu plantilla una línea como esta:
<b:variable default='930px' name='content.width' type='length' value='950px'/>
El último número que está en negrita (en tu plantilla seguro es otro número distinto) es el que determina el ancho de la plantilla, ahí puedes poner un valor grande hasta que se ajuste al tamaño que quieres. Puedes usar la vista previa para ver el resultado.
Gracias Potro por tu oportuna ayuda.He encontrado el código y de allí puedo modificar las distancias de la partición que hice en la cabecera del blog.Al lado derecho de la cabecera del blog tengo 2 gadgets,uno en la parte inferior con un banner que dice;MARSELLA,UNA VENTANA AL MUNDO,que es más ancho que el gadget que está en la parte superior lado drecho donde tengo una imagen con efecto ZOOM IT(este lo quiero más grande).De donde modifico los valores de este gadget.Perdona mis pocos conocimientos en este tema.
ResponderEliminarGracias potro por la ayuda me a servido de mucho te lo agradesco! saludos!
ResponderEliminarNUCLEO 23 MARSELLA, si te refieres al gadget de Zoom It entonces donde dice width=auto lo modificas por otro valor, por ejemplo width=300px
ResponderEliminarSi te refieres al banner ese no creo que se pueda ya que es un script.
Gracias Potro,he modificado los valores donde has indicado- Excelente y oportuna labor de asesoría.
ResponderEliminarHOLA POTRO, MI NOMBRE ES MARIANA Y ESTOY HACIENDO EL BLOG PARA UN VIAJE QUE ESTOY POR HACER, DESPUES DE VARIOS CAMBIOS, QUISIERA SABER SI ES POSIBLE ALGO QUE NO PUEDO ENCONTRAR NINGUNA INFORMACION.... PODRIA YO ELIMINAR EL SIDEBAR Y PONER EL TAMAÑO DE LAS ENTRADAS EL ANCHO DEL BLOG Y PONER AHI UN SLIDESHOW O PRESENTACION DE FOTOS MUY GRANDE?????
ResponderEliminarY POR ULTIMO SE PODRA SUBIR EL TITULO?? YO YA ELIMINE EL NAVBAR PERO EL TITULO Y ERL BLOG O SUBIERON...
OJALA PUEDAS AYUDARME... AH! MI BLOG ES IMAGINASAILING.BLOGSPOT.COM
Wow! que interesante este servicio, la verdad que no lo conocía... el efecto que brinda es muy bueno, puedes agrandar con el scroll y hasta poner en pantalla completa. Sale RT =)
ResponderEliminarUn abrazo!!!
Gracias por el RT :)
ResponderEliminarUn abrazo!
Que chevere... voy a probarlo... interesante blog me gusto mucho :P
ResponderEliminarMe alegro que te haya gusto :)
ResponderEliminarSaludos!
etsa muy bien
ResponderEliminarEl zoom it ya no acepta más fotos. Habrá otra página similar?
ResponderEliminarGracias potro
Hola Giancarlo, ¿a qué te refieres con que no acepta más fotos? yo acabo de entrar a Zoom.it y veo funcionando el sitio normalmente.
ResponderEliminarHola!!! me ha encantado lo de zoom it :D , pero cuando lo pego en mi entrada no sale nada :S , ¿qué estoy haciendo mal? , le doy HTML en mi entrada, pego el código pero cuando le doy vista previa mi imágen no se ve :S
ResponderEliminarGracias de ante mano! :D
Excelente blog!
Hola Celita0172,
ResponderEliminar¿Has probado verlo desde otro navegador?
Prueba de nuevo, guarda los cambios y dime dónde lo has puesto.
Igual verifica que la URL de la imagen que elijas sea una URL válida.
Saludos!
EXCELENTE HERRAMIENTA, esoy culturizandome y actualizandome cada dia mas contigo potro, gracias por tu dedicacion....
ResponderEliminargracias me servira mucho te agradesco
ResponderEliminarQué gusto que encuentren útil esta información. ¡Saludos!
ResponderEliminarHello Potro feliz navidad, como puedo poner mis entradas con solo imagen y titulo que no muestre nada mas, Gracias.
ResponderEliminarFeliz Navidad!
ResponderEliminarPuedes usar un Leer más automático, y podrías configurarlo para que no muestre ningún caracter:
http://ciudadblogger.com/2010/03/leer-mas-automatico-con-imagenes-en.html
Otra variante es usar un estilo magazine:
http://ciudadblogger.com/2010/08/entradas-resumidas-estilo-magazine-3.html
Se puede combinar de aluna manera ésta opción de dar zoom a una foto, con el código de proteger las imágenes???
ResponderEliminarhttp://ciudadblogger.com/2009/05/protege-tus-imagenes.html
No tiene pork ser con éste programa....y tampoco puedo utilizar algo de Jqueri (o como se escriba) pork he puesto el menú acordeon y ponía k no era compatibles....
Gracias con antelación!
Será más fácil si usas este otro método, sólo tienes que poner ese código una sola vez:
Eliminarhttp://ciudadblogger.com/2009/10/como-evitar-que-te-copien-imagenes-y.html
Acabo de ver la utilidad de esta herramienta y me he puesto enseguida a hacer algo con una foto en mi blog de blogger, pero cual es mi sorpresa que al escribir el código embebido en la entrada html de mi blog no sale nada despues de estar viendo correctamente la foto subida en zoom it. He seguido y repasado todos los pasos y no consigo hacerlo. ¿Alguién me puede ayudar?.Gracias.
ResponderEliminarHoy he intentado utilizar este servicio para mi blog de blogger. He subido una foto y cuando he copiado el código embebido en una entrada html y lo he publicado no sale nada. Lo he revisado varias veces y hago las cosas como indicas arriba, pero nada de nada. ¿Me puedes ayudar?Gracias.
ResponderEliminarAcabo de ver la utilidad de esta herramienta y me he puesto enseguida a hacer algo con una foto en mi blog de blogger, pero cual es mi sorpresa que al escribir el código embebido en la entrada html de mi blog no sale nada despues de estar viendo correctamente la foto subida en zoom it. He seguido y repasado todos los pasos y no consigo hacerlo. ¿Alguién me puede ayudar?.Gracias.
ResponderEliminar¿En cuál blog lo has puesto?
EliminarGracias por tu disponibilidad. Ya lo he resuelto. Simplemente lo que me pasaba es que en vista previa no lo podía ver pero al publicar salía correctamente. Gracias de nuevo.
ResponderEliminarHola Gracias de antemano por tu ayuda acabo de abrir mi blog estoy muy enredada espero que me puedas ayuda.
ResponderEliminarHola Dana, ¿cómo puedo ayudarte?
EliminarEsto sirve también si visualizas la página desde el móvil? o es sólo para navegadores de PC?
ResponderEliminarOtra cosa, la marca de agua de zoom.it está siempre ahí? no hay forma de quitarla? :S
ResponderEliminarGracias
No, no se puede quitar. No sé si en todos los dispositivos móviles funcione, en el mío (es un Android) sí se ve.
Eliminar