Ejemplo de publicación de un mapa Google en Blogger

Veamos un ejemplo de publicación de un mapa Google en Blogger.

Se trata de señalizar la ubicación del Centro del Profesorado y de Recursos de Avilés (CPR de Avilés) en Google Maps


Ver CPR de Avilés en un mapa más grande

Jose A Laredo

Leer Mas...

Comentarios en blogs

Publicar un comentario verificado

La práctica de acceder a los blogs de los compañeros del curso y dejar un comentario en un par de ellos, no tiene a veces, comprobación inmediata, ya que el administrador del blog puede tener configurado el mismo para aprobarlos antes de publicarlos.

Comentario pendiente de aprobación por el administrador del blog

En todo caso, es suficiente que envies cada uno de los enlaces URL del Artículo = Post de los blogs donde has dejado tu comentario (comentario que puede estar  pendiente de publicar)

Por ejemplo: http://cesarpaideia11.blogspot.com/2011/03/la-guitarra.html

Jose Angel Laredo

Leer Mas...

Instalación de PhotoStory – Fotos Narradas – Videotutorial. Vídeo YouTube en Blogger

A partir de una secuencia de fotografías, utilizando un sencillo programa como PhotoStory 3 (Windows), se puede diseñar un documento videográfico.
Photo Story 3 (Fotos Narradas) se puede utilizar para crear vídeos *.WMV a partir de imágenes y audios.
Para instalar este programa se descarga y ejecuta el asistente de instalación PhotoStory.exe., siguiendo las instrucciones de este vídeo que ha sido creado con el propio programa.

Esta versión de PhotoStory ha sido pensada para Windows XP SP2 pero también funciona en Windows Vista y 7.

¿Cómo insertar vídeo de Youtube en Blogger?

Supongamos que queremos insertar en nuestro artículo de Blogger el vídeo anterior, que se encuentra en esta dirección:    http://www.youtube.com/watch?v=HCqYvh9aLow

El código utilizado es:

<iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/HCqYvh9aLow?rel=0&amp;hd=1" title="YouTube video player" width="425"></iframe>

• Clic en el enlace Edición de HTML para mostrar el código HTML del artículo.
• Sitúate en la edición HTML del artículo del blog al final del mismo. Pega el iframe anterior.

Se observa el código iframe que nos ha servido para insertar el vídeo de YouTube

Espero que esta información te sea útil.

Jose A Laredo

Leer Mas...

Ejemplo de inserción de audio en blogger utilizando el reproductor PixelOut. Música de Gaita

La gaita es un instrumento de viento que, en su forma más simple, consiste en un tubo preformado (puntero), provisto de caña e insertado dentro de un odre, que es la reserva de aire. El aire entra en el odre (fol) a través de un segundo tubo, que tiene una válvula que impide la salida del aire provisto por los pulmones del gaitero. Éste comprime con su brazo el odre para mantener la salida de aire con sonido (tempero).
La gaita ha sido un instrumento tradicional, distribuido por numerosos países de todo el mundo, incluyendo la península de Escandinavia, las Islas Británicas, los Países Bajos, Francia, la Península Ibérica, la Península Itálica, los Balcanes, el norte de África, Turquía y Oriente Medio. Aunque existen posibles referencias literarias en textos latinos, las primeras representaciones europeas se remontan a la Baja Edad Media.

Hemos seguido los siguientes pasos

1. Visitamos la enciclopedia Wikipedia (http://es.wikipedia.org/wiki/Wikipedia:Portada) y localizamos
información sobre el instrumento musical "Gaita".

2. Con estos datos elaboramos este artículo que contiene: título, breve resumen, imagen procedente del ITE y enlace a la fuente de información original, en este caso al artículo de Wikipedia y al Banco de recursos multimedia del ITE.

3. Accedemos al Banco de recursos multimedia del ITE  (http://recursostic.educacion.es/bancoimagenes/web/)

4. En el buscador de este banco hemos introducido la palabra "gaita" y activado fotografías, ilustraciones
y sonidos para reducir la búsqueda a este tipo de elementos multimedia. Localizamos los activos "Gaita
tocando una canción" y la ilustración "Gaita" del Ilustrador Pablo Egea Palomares.

5. Decidimos descargar el archivo de audio en los tres formatos Wav, Mp3 y Ogg

6. Se descarga la ilustración "Gaita" en formato jpg

7. Abrimos Audacity y reproducimos el archivo de audio "Gaita tocando una canción" descargado en
formato Wav. Por la duración de 39 segundos del audio no hizo falta recortarlo.
Si fuera necesario activaríamos la herramienta de selección para seleccionar un fragmento de por ejemplo
30/40 segundos aproximadamente y a continuación se selecciona Editar > Recortar. De esta forma se
consigue un pequeño fragmento de la obra.

8. Desvanecer progresivamente/Aparecer progresivamente, se aplican directamente sobre una selección
inicial o final realizada en la grabación para definir una aparición o desaparición progresiva de la música.
Para atenuar el corte final, volvemos a activar la herramienta de selección para seleccionar unos segundos
finales de la onda y elegimos Efecto > Desvanecer progresivamente.

9. Mediante Audacity, exportamos el audio a un archivo MP3 de calidad 56 kbps y estéreo mediante la
secuencia: archivo > exportar > Opciones... > Calidad

10. Subo este archivo de audio a la carpeta audio de mi cuenta en Google Sites para luego enlazarlo o
embeberlo en una consola de reproducción de audio que lo muestre: el reproductor PixelOut

11. Subo el reproductor de PixelOut player.swf

12. Se necesita utilizar un asistente para generar el código HTML del reproductor PixelOut necesario para
incrustar (embed) el propio reproductor de PixelOut "player.swf" y el archivo de audio "Gaita56_desvanecer.mp3" reproducido en este artículo del blog.

13. Se abrirá el navegador web mostrando esta página web. Lo más importante en este interfaz es
introducir la URL del reproductor player.swf y la URL del audio MP3 que se pretende reproducir con él.

URL del reproductor:  https://sites.google.com/site/laredomw20/audio/player.swf
URL del audio MP3:  https://sites.google.com/site/laredomw20/audio/Gaita56_desvanecer.mp3

En las URLs de reproductor y MP3 eliminanos la coletilla ?attredirects=0&d=1. Aunque funcionaría igual
conviene simplificar el código todo lo posible.

14. Hacemos clic en el botón Crear código HTML. Utilizando el interfaz del Generador de código de
Pixelout hemos definido algunos parámetros de funcionamiento y visualización que tendrá el reproductor
y otros los hemos dejando en blanco.

<embed src="https://sites.google.com/site/laredomw20/audio/player.swf" width="290" height="24" flashvars="soundFile=https://sites.google.com/site/laredomw20/audio/Gaita56_desvanecer.mp3&lefticon=0xFF9900&righticon=0xFF9900&text=0x0000FF&slider=0xFF9900"></embed>

15. Clic en el enlace Edición de HTML para mostrar el código HTML del artículo. Pegamos el código
anterior en la posición que creamos más conveniente.

..........
Leer Mas...

Ejemplificación de una imagen incluida en el título de un post

Esta es una ejemplificación de una imagen incluida en el título de un post

La etiqueta html a utilizar es:

<img src="URL_del_gráfico"/> Titulo del artículo

Supongamos que la imagen tiene esta dirección.

http://blog.educastur.es/seminariosan/files/2010/11/crystal_clear_app_login_manager.png



y que el titulo del artículo es: Ejemplificación de una imagen incluida en el título de un post

La etiqueta quedaría así:

<img src="http://blog.educastur.es/seminariosan/files/2010/11/crystal_clear_app_login_manager.png "/> Ejemplificación de una imagen incluida en el título de un post

Saludos
Jose A Leredo. Leer Mas...