Friday, 19 March 2010

Como insertar gif animados en blogger

Un problema de Blogger, como comprobamos el otro día, es que se entiende mal con los gifs animados. No sé muy bien qué es lo que hace, por ahí dicen que convierte los gif a formato jpg y se queda sólo con la primera capa. El caso es que no nos deja subir nuestras estupendas animaciones.
La solución es subir nuestras animaciones a un servidor externo como Flickr o Picasa, y desde ahí incrustarlas en blogger. Se hace así:

1. Como nosotros tenemos cuenta de google, vamos a subir las animaciones a Picasa. Vamos a
www.picasaweb.google.es, ponemos nuestra dirección de correo de gmail y nuestra contraseña.

2. Hacemos clic en Subir
Nos pide que seleccionemos un álbum o creemos uno nuevo. Como tendréis uno asociado al blog de clase, seleccionadlo.

3. Seleccionáis la animación de vuestra carpeta, y hacéis clic en Iniciar subida.

4. Seleccionáis la foto, y en el menú de la derecha hay una opción que dice Enlace a esta foto. Si hacemos clic en ella se despliegan dos opciones, nosotros tenemos que copiar el código de la segunda opción, la que dice Incrustar Imagen, después de cambiar el tamaño a 500px y hacer clic en Ocultar enlace al album.


5. El código copiado lo pegamos en la pestaña de Edición de HTML de nuestra entrada, igual que hacemos cuando insertamos un vídeo de YouTube, ¡y listo!

6. Si ahora vais a Vista previa veréis vuestra animación funcionando perfectamente.




(la animación es de Lu y Joshu, gracias por prestármela para hacer pruebas)

Tuesday, 2 March 2010

Cómo insertar un vídeo

En primer lugar encontramos, en YouTube, Vimeo o similar, el vídeo que queremos publicar en nuestro blog.
Una vez seleccionado, tenemos que copiar el código que nos permita verlo en nuestro blog. Este código está normalmente a la derecha del vídeo, señalizado con la palabra Embed o Insertar.

Seleccionamos el código y lo copiamos. A continuación vamos a la entrada del blog en la que queremos que aparezca el vídeo, escribimos el texto que va a acompañar al vídeo y luego hacemos clic en la pestaña Edición de HTML, y pegamos el código seleccionado en el lugar del post en que queremos que vaya el vídeo.

Para finalizar comprobamos en Vista previa que ha quedado como queríamos y ya podemos publicar la entrada.


Aquí os dejo un tutorial de YouTube en el que viene explicado: