Inserción de imágenes y vídeos en Blogger

Inserción de imágenes y vídeos en Blogger

Los recursos gráficos están adquiriendo gran importancia en el momento actual, dando mayor vistosidad y complementando las explicaciones de tipo textual que pueden aparecer en los blogs, páginas web, etc.

1.- Incorporar en el blog imágenes:

Sólo podemos subir archivos de los siguientes formatos: gif, jpg y png.

Disponemos de un icono en la barra de edición que permite insertar imágenes en el texto, una vez hecho clic en el mismo, aparece una nueva ventana que nos permite seleccionar desde dónde vamos a subir los ficheros de imágenes: desde el disco duro, desde álbunes web de Picasa o desde una URL concreta.

1.1- Subir un fichero desde el disco duro del ordenador: al hacer clic en el botón Elegir Archivo  > Abrir, nos permite localizar el archivo de nuestro ordenador y subirlo al espacio del blog.

 

Cuando hemos subido los ficheros, simplemente hemos de elegir el fichero que se ha de insertar en donde esté el cursor en la nueva entrada, Blogger indica con un recuadro de color azul el fichero que tenemos en un momento seleccionado, del conjunto de ficheros que podemos tener subidos en el blog.

Para subir el fichero hacemos clic en el botón azul: Añadir imágenes seleccionadas.

Una vez que la imagen está en la entrada de blog, podemos seleccionar las opciones de visualización de la imagen con la ayuda de una barra flotante que aparece junto a la imagen, que incluye las siguientes opciones:

• Opciones de configuración de la imagen: pequeño, mediano, grande, extra-grande y tamaño original
• Opciones de alineado de la imagen: alinear a la izquierda, centrado, alinear a la derecha.
• Añadir leyenda: permite incluir un texto informativo a pie de foto
• Eliminar: eliminaría la imagen.

1.2.- Desde álbumes web de Picasa.

Al insertar imágenes en Blogger, éstas se guardan de forma automática en un álbum de Picasa que tiene como nombre el título de nuestro blog.
Si nosotros hemos creado álbunes en Picasa para guardar nuestras fotos y queremos insertarlas en el blog como si fueran diapositivas, podemos utilizar esta opción.

Accedemos a la aplicación Picasa (también pertenece a Google) con nuestra cuenta de Gmail, vamos a crear un nuevo album de fotografías:

Vamos a subir las fotos de nuestro ordenador a Picasa, por lo que selecciono el botón Subir.
Aparece una nueva ventana donde creo un album de fotos: incluyo el nombre ("Viajes") y subo las fotos del disco duro a Picasa.

Las imágenes se ven en miniatura en este espacio y pulsamos el botón Aceptar

Podemos ver las imágenes ya en el álbum de Picasa. Procedamos a insertar la imagen del puente de Porto.

Al hacer clic en el icono de imagen del editor de Blogger, seleccionamos la opción: Desde Albumes web de Picasa, y aparecerán diferentes álbumes que tenemos en Picasa:

De estos álbumes elegimos el de los viajes, por lo que se cargarán las imágenes de ese álbum en el panel de Selección del archivo.

De todas las imágenes selecciono la que me interesa, quedando dentro del recuadro azul, y pulso el botón: Añadir las imágenes seleccionadas.

Finalmente, la imagen se inserta en la entrada del blog, como podemos ver:

1.3.- Desde una URL concreta. En el caso de insertar una imagen ya disponible en una página web, por ejemplo la primera imagen que encontramos en la página de Internacional de la Universidad de Salamanca:

http://www.usal.es/webusal/internacional/ , la imagen que va asociada con la sección: "La actividad internacional"; el URL de esa imagen es: http://www.usal.es/webusal/themes/usal/img/image013.jpg

Procedamos a insertar dicha imagen:
Icono insertar imagen > Seleccionar un archivo > Desde una URL
Pegamos la URL en el campo del formulario, y se previsualizará la imagen en la parte inferior:

Parsa incorporar la imagen en la entrada del blog, hacemos clic en el botón azul: Añadir imágenes seleccionadas.
Y veríamos la imagen insertada en la entrada del blog.
En este caso hemos alineado a la izquierda la imagen, lo que nos permite escribir junto a la imagen, mientras que cuando centramos la imagen en la entrada del blog, no permite incorporar texto a ambos lados.

2.- Inserción de vídeo.

Para insertar vídeo en una entrada del blog, debemos seleccionar el icono que parece una claqueta de los directores de películas.

Blogger acepta los siguientes formatos de vídeo en las entradas de Blogger: AVI, MPEG; QuickTime, Real y Windows Media.

El tamaño de los vídeos ha de ser inferior a 100 Mb.

Veamos las diferentes posibilidades:

1.- Inserción de un vídeo desde el disco duro:

Colocamos el cursor en el lugar donde queremos realizar la inserción del vídeo, botón Insertar Vídeo, opción Subir > Seleccionar el vídeo para subir > Elijo el video del disco duro > Abrir.

Cuando el vídeo se haya subido al gestor del blog, aparecerá indicado como disponible:

Selecionamos el vídeo > Subir.

Dispondríamos del vídeo en nuestra entrada del blog.

2.- Incorporación de un vídeo desde el potal de YouTube.

Icono Vídeo > Desde YouTube

Aparece un campo de formulario, donde podemos buscar un vídeo en YouTube que se ajuste a nuestros intereses, esto sería similar si hubiéramos subido vídeos a nuestro canal de YouTube y seleccionáramos nuestros vídeos: 

Cuando encontremos el que nos guste, lo seleccionamos y posteriormente se pulsa el botón Seleccionar, el vídeo se insertará en la página.

3.- Incorporación del código de un vídeo alojado en un servidor, tipo YouTube.

Si queremos incluir en nuestro blog el vídeo: "Efecto de la tecnología en la familia"  disponible en http://www.youtube.com/watch?v=fY9y5b10B3U&feature=feedrec_grec_index

En la parte posterior del vídeo hacemos clic en el botón Insertar. Aparecerá el código asociado al vídeo.

Selecciono el tamaño de reproducción del vídeo, para Blogger conviene que sea inferior a 640 x 480, por lo que hemos optado por la opción inferior.

Copiamos el código HTML seleccionado en el portapapeles de Windows, pulsamos el botón HTML del editor de entradas de Blogger y pegamos el código.

 Pulsando nuevamente al botón Redactar, observaremos que el vídeo se ha embebido en la entrada del Blog.