Añadir gifs o imágenes en movimiento en blogger o web

24 oct. 2012


Bueno y acabamos la semana con un tutorial de estos que tanto os gustan (por votación popular). Me han comentado algunas que están enganchadas... así que tendré que daros vuestra dosis semanal. 

Muchas veces cuando pajareo por otros blogs veo que algunas chicas tienen imágenes en movimiento o gifs en sus blogs, en las columnas laterales, donde anuncian tiendas, cursos, ideas, etc. Yo pensaba que debía de ser muy complicado de hacer. Pero la verdad es que no. Lo difícil puede ser hacer las imágenes o buscar imágenes que nos puedan servir...( aunque tampoco tiene porqué ser difícil). 

Hoy os enseño a hacer vuestras imágenes animadas o gifs para los blogs y webs en 4 pasos.  



Podemos utilizar estos gifs para lo que queramos, para enseñar un paso a paso, mostrar al mundo las cosas chulas que hacemos, proponer que alguien visite una web... no sé, montones de cosa. 

El programa que vamos a utilizar es online, no hace falta ni descargar ni registrarnos. Se llama Picasion.com


¡¡¡Y este es el resultado!!! También lo podréis ver en la columna de la derecha.



Ahora os doy algunas ideas para que podáis utilizar este tutorial. La verdad es que puede tener muchísimos usos. Yo os enseño los siguientes: 

Se me ocurre que puede ser una manera original de enseñar un tutorial paso a paso. He reciclado este DIY de marca páginas para mostraros un ejemplo. 

En el blog de Dianthusa-paris, vi que lo utiliza para mostrarnos los resultados de un sorteo o para hacer un un unboxing.


Y esto ha sido todo por esta semana. La que viene va a estar dedicada a la repostería, pero de una forma un poquito diferente. Espero que hayáis disfrutado del blog y nos vemos el lunes o el martes ( si estoy muy ansiosa publicaré la entrada el lunes)

Un besazo y Feliz Finde!!!



Bueno y acabamos la semana con un tutorial de estos que tanto os gustan (por votación popular). Me han comentado algunas que están enganchadas... así que tendré que daros vuestra dosis semanal. 

Muchas veces cuando pajareo por otros blogs veo que algunas chicas tienen imágenes en movimiento o gifs en sus blogs, en las columnas laterales, donde anuncian tiendas, cursos, ideas, etc. Yo pensaba que debía de ser muy complicado de hacer. Pero la verdad es que no. Lo difícil puede ser hacer las imágenes o buscar imágenes que nos puedan servir...( aunque tampoco tiene porqué ser difícil). 

Hoy os enseño a hacer vuestras imágenes animadas o gifs para los blogs y webs en 4 pasos.  



Podemos utilizar estos gifs para lo que queramos, para enseñar un paso a paso, mostrar al mundo las cosas chulas que hacemos, proponer que alguien visite una web... no sé, montones de cosa. 

El programa que vamos a utilizar es online, no hace falta ni descargar ni registrarnos. Se llama Picasion.com


¡¡¡Y este es el resultado!!! También lo podréis ver en la columna de la derecha.



Ahora os doy algunas ideas para que podáis utilizar este tutorial. La verdad es que puede tener muchísimos usos. Yo os enseño los siguientes: 

Se me ocurre que puede ser una manera original de enseñar un tutorial paso a paso. He reciclado este DIY de marca páginas para mostraros un ejemplo. 

En el blog de Dianthusa-paris, vi que lo utiliza para mostrarnos los resultados de un sorteo o para hacer un un unboxing.


Y esto ha sido todo por esta semana. La que viene va a estar dedicada a la repostería, pero de una forma un poquito diferente. Espero que hayáis disfrutado del blog y nos vemos el lunes o el martes ( si estoy muy ansiosa publicaré la entrada el lunes)

Un besazo y Feliz Finde!!!



Bueno y acabamos la semana con un tutorial de estos que tanto os gustan (por votación popular). Me han comentado algunas que están enganchadas... así que tendré que daros vuestra dosis semanal. 

Muchas veces cuando pajareo por otros blogs veo que algunas chicas tienen imágenes en movimiento o gifs en sus blogs, en las columnas laterales, donde anuncian tiendas, cursos, ideas, etc. Yo pensaba que debía de ser muy complicado de hacer. Pero la verdad es que no. Lo difícil puede ser hacer las imágenes o buscar imágenes que nos puedan servir...( aunque tampoco tiene porqué ser difícil). 

Hoy os enseño a hacer vuestras imágenes animadas o gifs para los blogs y webs en 4 pasos.  



Podemos utilizar estos gifs para lo que queramos, para enseñar un paso a paso, mostrar al mundo las cosas chulas que hacemos, proponer que alguien visite una web... no sé, montones de cosa. 

El programa que vamos a utilizar es online, no hace falta ni descargar ni registrarnos. Se llama Picasion.com


¡¡¡Y este es el resultado!!! También lo podréis ver en la columna de la derecha.



Ahora os doy algunas ideas para que podáis utilizar este tutorial. La verdad es que puede tener muchísimos usos. Yo os enseño los siguientes: 

Se me ocurre que puede ser una manera original de enseñar un tutorial paso a paso. He reciclado este DIY de marca páginas para mostraros un ejemplo. 

En el blog de Dianthusa-paris, vi que lo utiliza para mostrarnos los resultados de un sorteo o para hacer un un unboxing.


Y esto ha sido todo por esta semana. La que viene va a estar dedicada a la repostería, pero de una forma un poquito diferente. Espero que hayáis disfrutado del blog y nos vemos el lunes o el martes ( si estoy muy ansiosa publicaré la entrada el lunes)

Un besazo y Feliz Finde!!!


Share to Facebook Share to Twitter Email This Pin This Share on Google Plus

24 comentarios:

  1. Genial! Ya me estaba preguntando cómo se ponían en el blog!
    Yo antes (haaaace mucho) los hacía con un programa parecido al photoshop, uno de adobe (no recuerdo el nombre). Pero la página que has puesto me viene muy bien, que ya no recuerdo como se hacían los gifts! Gracias!

    Un besín!

    ResponderEliminar
  2. oye que buen post!!! estoy segura de que lo utilizaré en una entrada. Gracias!!!!
    Creame y mas

    ResponderEliminar
  3. Este post me da muchas ideas de uso. Muchas gracias!!!

    ResponderEliminar
  4. A VER QUE ME SALE:) MUY BIEN EXPLICADO
    GRACIAS MAY
    MARIYA

    ResponderEliminar
  5. muchas gracias! yo soy una de las que está enganchadísima, queremos más jeje!! esta tarde me pongo a practicarlo! besis

    ResponderEliminar
  6. como me ha gustado!!! como siempre, genial, genial! Millones de gracias guapa!


    MUASSSSSSSSS

    ResponderEliminar
  7. Estupendo post, como siempre.

    Si me lo permites, personalmente creo que es mucho más fácil copiando el código HTML, la opción que está justo debajo a lo que tu has dicho que hay que copiar.

    Cuando estamos escribiendo un post, lo hacemos como de costumbre escribiendo un corazoncito u otro símbolo en dónde queramos la foto.

    Después cambiamos a vista HTML y sustituimos el corazoncito con el código que acabamos de copiar. Y así nos dejamos de añadir gadgets... ;)

    Si tenéis alguna duda de cómo hacer esto de sustituir el corazón en la vista html podéis leer este post. Es muy fácil y rápido y tendréis que usarlo muchas veces cuando queráis insertar código html (embed code)

    Me acabas de solucionar tener que enviar a alguien un email expicándole cómo hacer esto. Ahora mismo le envío el link a tu post.

    Beso gordo,

    ✿ Blanca
    Personalización de blogs

    ResponderEliminar
  8. A mí no me sale, cuando ya tengo generado el link con el programa, lo pego en el gadget de imagen donde pone "Desde la Web, pegar URL...." y le doy a guerdar. Me dice que debo especificar una imagen!! Cómo lo hago?????

    ResponderEliminar
    Respuestas
    1. Tienes que seleccionar insertar desde URL o algo así. Cuando abres un gadget de imagen tienes dos opciones para selecionar, la normal y otra debajo. Seleccionas esa y sigues las instrucciones!

      Eliminar
    2. Es curioso, pero me dejó poner la primera URL que copié y pegué donde dices, pero no me gustaba como quedaba, la borré y generé otra. Bueno, pues ya no me deja poner ninguna más en el gadget de Imagen. Los muy .... de blogger me dicen que no es válida la URL y no hay manera... Ya no sé que hacer porque me encantaba el gadget ese y no encuentro otra forma de poner imágenes en movimiento en un gadget en el lateral del blog... ¿Sabes porqué puede ser??. Ya sé que estás de vacas preparando cosas y que este post es antiguo, pero he abierto un nuevo blog y lo estoy montando. Muchos besos y espero que lo leas¡¡ :)

      Eliminar
  9. Me gusto tu bloy y que genial esta tutorial!! Sirve muucho! :)

    Gracias por compartirla :)

    Saludos

    Karinna

    ResponderEliminar
  10. Acabo de descubrir tu blog, gracias por compartir tantas cosas tan interesantes.
    http://alerazmodayaccesorios.blogspot.com/

    ResponderEliminar
  11. Gracias cariño.
    A mi me funciona copiando el Direct Link

    ResponderEliminar
  12. poco a poco creo que sabre hacerlo, mil gracias

    ResponderEliminar
  13. poco a poco creo que sabre hacerlo, mil gracias

    ResponderEliminar
  14. Me acabas de salvar la vida!! muchas gracias

    ResponderEliminar
  15. Wow! Me ha encantado tu tutorial, realmente es genial. Muchísimas gracias por tu ayuda :)

    ResponderEliminar
  16. ¡Hola! ¡muchas gracias por tu ayuda! Este tutorial me ha salvado jeje. Al fin he podido poner un gif en mi blog, y no solo eso, sino también he creado un botón de afiliación jeje. ¡Gracias! ¡Un saludo! :)

    ResponderEliminar
  17. May! lo estoy haciendo y creo que me ha salido, pero parece que la imagen pierde calidad, se muy pixelada
    que puedo hacer??? help me

    ResponderEliminar
  18. Podías hacer un tutorial para hacer gift en Instagram

    ResponderEliminar
  19. Una cosa, cuando le doy a insertar la imagen me viene que lo especifique. ¿Qué es lo que tengo que escribir y dónde?

    ResponderEliminar

Muchas gracias por escribirme!! Si quieres puedes hacer alguna petición, recomendación... ¡¡Me encanta leeros!!