sábado, 18 de octubre de 2014

INFORMATICA APLICADA A LA EDUCACION

¿Cómo poner y/o añadir Música en un Blog de Blogger?

gif-musica-ecualizador

Es muy muy fácil. Vamos a Youtube, escogemos el vídeo con la canción que nos gusta y damos click en "Compartir".

Click en el botón "Insertar".

insertar-codigo-musica-youtube

En las opciones que aparecen buscamos y marcamos el último recuadro que dice "Utilizar el antigüo código de inserción".

codigo-youtube-musica
Copiamos todo el código y lo pegamos en un archivo de texto. (Utilizaré un código cualquiera como ejemplo).

Y aquí viene lo bueno ;)

gif-musica-ecualizador-2

Primera Opción: Reproductor Invisible



Actualización hoy 20 de Enero del 2013

Si queremos que la Música comience a escucharse inmediatamente al entrar a nuestro Blog, buscamos lo siguiente en el código que tenemos:

 <object height="420" width="315"><param name="movie" value="http://www.youtube.com/v/Aq4eqLSFbHw?version=3&amp;hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/Aq4eqLSFbHw?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="420" height="215" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Sustituimos en donde dice [version=3 por autoplay=1] en los dos lugares que les indiqué en color rojo y colocamos "000" en width y "010" en height (en donde dice: width="420" height="315"). Quedaría así: width="000" height="010".

Ejemplo:

 <object height="000" width="010"><param name="movie" value="http://www.youtube.com/v/Aq4eqLSFbHw?autoplay=1&amp;hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/Aq4eqLSFbHw?autoplay=1&amp;hl=es_ES" type="application/x-shockwave-flash" width="000" height="010" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Actualización hoy 20 Enero 2013: Modificar el valor por "000" en width y "010" en height *Recuerden hacerlo en los dos width y height*.

Nota: Con esta opción sus visitantes se podrían sentir incómodos, porque no encontrarán de donde viene la música y en caso de que no les guste, no podrán quitarla. Ojo, que no a todos nos gusta el mismo tipo de música y lo que buscamos es hacerlos sentir bien, para que quieran regresar no?. Bueno, está opción no es la más indicada, pero la decisión será de ustedes. ;)


gif-musica-ecualizador-3

 Segunda Opción: Reproductor Visible - Pequeño


Sería el mismo código anterior, sólo modificaremos las medidas de ancho y alto de la siguiente manera:

 <object height="235" width="25"><param name="movie" value="http://www.youtube.com/v/Aq4eqLSFbHw?autoplay=1&amp;hl=es_ES" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/Aq4eqLSFbHw?autoplay=1&amp;hl=es_ES" type="application/x-shockwave-flash" width="235" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Ya con el código modificado y listo, entramos a la pestaña de Diseño de nuestro Blog, agregamos un gadget.

Anadir-gadget

Copiamos el código en un Nuevo elemento HTML, click en Guardar.

colocar-codigo-musica

Vamos al Blog a ver cómo nos quedó. Y listo!. Nuestro Reproductor se vería así:

reproductor-youtube-visible

No hay comentarios:

Publicar un comentario