domingo, 3 de febrero de 2013

Subir archivo de audio a blogger

El primer paso para introducir un archivo de audio en tu web o blog será subir el archivo seleccionado a un servicio de almacenamiento de podcasts. Estos servicios funcionan de manera similar a como lo hace YouTube con los vídeos. Existen varias páginas web que proporcionan este servicio.

Nosotros vamos a enseñarte a hacerlo con Ivoox, aunque existen otras páginas que ofrecen este servicio y que puedes consultar en la sección "Enlaces".

Con Ivoox, debes seguir los siguientes pasos:

Accede a la página web de Ivoox. Para poder subir archivos, debes estar registrado. Si no lo estás, haz clic en "Regístrate" y sigue los pasos que te indiquen.

Una vez que hayas accedido con tu nombre de usuario y contraseña, pincha sobre el botón "Subir" de la parte superior de la pantalla. Te llevará a una nueva página en la que tendrás que seleccionar "Subir audio".

A continuación te llevará a otra pantalla en la que debes introducir algunos datos básicos sobre tu archivo: título, descripción, categorías en las que se encuadra, etc. Después de introducir los datos, pulsa "Enviar".

En la siguiente pantalla debes seleccionar el archivo que quieres subir. Puedes subir un archivo de audio que tengas en tu equipo, un archivo de vídeo del que el programa extraerá el audio o una url en la que esté alojado. El único límite es que el archivo no sobrepase los 125 Mb si es un audio o los 400 Mb si es un vídeo.

Tras unos minutos, podrás acceder a tu "Zona privada" donde te ofrecerán, entre otras cosas, el código html necesario para incrustar el audio en tu página web o blog. Este código lo puedes personalizar para que el reproductor incrustado en tu trabajo tenga distintas apariencias:

Derechos de autor
Recuerda que las canciones, programas de radio y otros archivos de audio suelen estar protegidos por derechos de autor. Asegúrate de que tienes derecho a utilizarlos antes de subirlos a tu página web o blog.

Para introducir el audio en una entrada de tu blog, debes tener activado el plugin WP-SWF Object y seguir los siguientes pasos:
  • Inicia sesión en tu blog con tu nombre de usuario y contraseña.
  • Ve a la sección "Escribir" y sitúate en la pestaña "Editar HTML".
  • Pega el código que te ofrece Ivoox en esta pestaña.
  • A continuación, debes modificarlo, ya que el código que ofrece Ivoox es mucho más complejo que el que requiere el plugin. Debes seguir el formato del plugin, introduciendo [swf] seguido de la url, el ancho y el alto del objeto, y cerrando el código con [/swf]. 
  • El ancho y el alto son las dos cifras que aparecen al principio del código. 
  • Ejemplo: [swf]http://www.ivoox.com/playerivoox_ee_72024_1.html, 240, 133[/swf]
  • Continúa escribiendo la entrada y, cuando acabes, guárdala y publícala.

domingo, 9 de diciembre de 2012

Cambiar fondo en Blogger

¿Cómo puedes colocar tu propio fondo en blogger?, sigue este pequeño tutorial:

El tamaño de la imagen que vamos a usar depende un poco de la pantalla que tenemos, en la actualidad se tiende a que la pantalla que se usa sea grande por ejemplo de 17, 19 ó 21 pulgadas, por lo tanto, cuanto más grande sea la imagen mejor.

Se recomienda usar imágenes por encima de 1440x900

Después de tener tu imagen, vas a imageshack y la subes, para lo cual tienes que registrarte.



Una vez subida la imagen a imageshack te dará varios códigos, el que tienes que copiar es: "ENLACE DIRECTO".

Ahora en tu panel de control del blog, vas a diseño


Presiona "AÑADIR UN GADGET" y elige el que dice "HTML/JavaScript"


Te aparecerá una ventana en la que deberás pegar el código que se encuentra debajo, modificando donde dice "URL DE LA IMAGEN" pega el enlace que anteriormente hemos copiado desde imageshack.

<style type="text/css">body {background-image: url("URL DE LA IMAGEN"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>

Nuestro fondo ya estará personalizado.

Crea Textos animados y no animados Online

Varias páginas en las que podemos crear textos animados:

domingo, 21 de octubre de 2012

Notificaciones por voz

Voki es una herramienta interesante que podemos tomar para el aula de idiomas (excelente, para inglés). Se trata de un widget gratuito que produce un "voki" o personaje (avatar) que se mueve y habla el texto que le introducimos. Este "voki" resultante lo podemos insertar en una página web, blog, wiki, etc. o bien enviarlo por correo electrónico e incluso por móvil. Como usa la tecnología text-to-speech (pasar de texto a voz), nos puede ser de gran utilidad para ayudar a nuestros alumnos a la reflexión de su propio texto y nos puede ayudar también con la pronunciación de una forma lúdica. ¿Y qué mejor, si uno aprende divirtiéndose?
  • Una de las cosas que hace interesante esta herramienta es que nos permite personalizar el producto final: Elegimos un personaje y un fondo. Puedes elegir una persona, político, famoso, animal, personaje de cómic... cambiar la ropa, los accesorios... y el fondo (proporcionado por la herramienta, o subiendo tu propia imagen). Podemos cambiar el color de la piel, de los ojos, la forma del pelo...

  • A continuación, introducimos un mensaje, que puede ser un texto que escribimos en el campo de texto que se nos proporciona para este propósito, o bien lo puedes grabar con tu propia voz, o utilizar una grabación que tengas en tu ordenador (aunque así ya no se lograrían los mismos objetivos). 
  • Una vez creado y salvado, cuando el usuario pulsa sobre el voki, se escucha el mensaje sonoro. 
El resultado puede ser éste:

Texto animado

Forma de poner texto animado en nuestro blog.
Textos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.com

Puedes elegir distintos modelos de letra en Muchografico


Textos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.com
Textos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.comTextos Animados en MuchoGrafico.com

sábado, 6 de octubre de 2012

Enlaza archivos con Dropbox


Al principio, tendremos que instalar Dropbox en nuestro ordenador para sincronizar los archivos de nuestro disco duro con los que están guardados en el disco virtual del servidor, pero en realidad esto no hace falta si queremos usar el disco duro de DropBox.


En todo caso, para usar el servicio, tenemos que instalar primero la aplicación de escritorio, y para ello vamos a la página web de Dropbox y allí descargamos el instalador, que está disponible para varios sistemas operativos. Cuando lo instalamos en nuestro ordenador, nos pide que nos registremos en el servicio.

Una vez acabada la instalación, se crea en nuestro disco duro una carpeta llamada Dropbox dentro de mis documentos en Windows o de la carpeta personal en Linux. Esta carpeta se sincroniza con la del servidor, y siempre que subamos un archivo al servidor, se copiará a la carpeta de nuestro ordenador.

Pero lo que nos interesa ahora es guardar un archivo en la Carpeta Pública para que podamos enlazarlo. Voy a subir un archivo con el calendario escolar 2012/2013, y después la voy a insertar o incrustar en esta entrada del blog siguiendo estos pasos, que se muestran en las siguientes imágenes.

Ahora tenemos podemos adoptar dos opciones

  • Primera: Copiar enlace a esta página.
  • Segunda: Copiar directamente la URL que nos dale en la parte superior del navegador.

Abro la carpeta pública del servidor. Hago clic en el icono de Cargar, que se muestra a la derecha de la imagen y cargo el archivo después de pulsar el botón Elegir archivos de la ventana que aparece.

Ya tenemos el archivo subido en el servidor, como se ve en el rectángulo rojo inferior de la imagen. Al hacer clic en el nombre del archivo con el botón derecho del ratón, se abre una ventana de opciones.

Si hacemos clic en la opción Compartir enlace, se abrirá una ventana que nos ofrece un enlace público para ese archivo. Al hacer clic en la opción Copiar al portapaleles, ya lo tendremos copiado en la memoria y podremos pegarlo en nuestro blog.

que he enlazado aquí para que se vea la posibilidad de mostrarlo en el blog con un simple enlace.

Y aquí tenéis el resultado: