miércoles, marzo 16, 2016

Curso Crea tu Diver_Blog: Ponle música a tu Blog


TUTORIAL PASO A PASO

¿Cómo incluir una barra de reproducción de música en tu blog?

Anima  un poco el Blog: la barra de música.
Existen distintas formas de añadir contenido extra al Blog, hoy os propongo incluir en vuestros blogs una barra de reproducción con una lista de canciones seleccionadas por vosotros para que los visitantes de vuestro Diver_Blog se entretengan mientras navegan.

Objetivo

En esta tarea tendrás que personalizar una barra de reproducción de audio utilizando la aplicación en línea scmplayer.net e incluirla en tu blog.

Lo que tienes que hacer tú


  1. Accede al sitio

    SCM Music Player seamless music for your website

  2. Selecciona el aspecto  "skin" que mejor se adapte a tu diseño.
  3. Introduce las direcciones de internet "URL" de las canciones:
    1. Selecciónalas en Youtube
    2. También puedes subir grabaciones o podcasts a través de soundcloud.
  4. Escribe los títulos de las canciones.
5. En la siguiente pestaña, seleciona las opciones del reproductor que se ejecutarán al acceder a tu blog:
  1. Autoplay sirve para que se inicie la reproducción de forma auromática
  2. Shuffle Playback sirve para reproducir la lista de forma aleatoria
6. Copia el código que aparece en la siguiente ventana

7. Crea una nueva entrada de tu blog
PULSAN PRIMERO SOBRE EL BOTÓN HTML  pégalo


8. Guardar y Ver Blog

1. (Arriba) Selecciona el aspecto  "skin" que mejor se adapte a tu diseño
2. (Arriba)Introduce las direcciones de internet "URL" de las canciones
3. (Arriba) Seleciona las opciones del reproductor que se ejecutarán al acceder a tu blog
4. (Arriba) Copia el código que aparece en la ventana


Sólo resta pegar el código en tu blog,
por el momento podemos dejarlo como una entrada nueva.
SI decides que la barra de reproducción se convierta en parte de tu BLOG entonces deberás insertarlo a través de la ventana Plantilla del escritorio de Blogger. 

Hay que editar el código html que define la plantilla del blog a través del botón "Editar HTML" y pegar el código después de la etiqueta <body>.


5. (Arriba) Pega el código en el lugar correspondiente


Esta es una actividad en línea 
avisa a tu profesor cuando hayas actualizado tu blog


La tarea se dará por superada si incluyes tu barra de reproducción personalizada en tu Diver_Blog

No hay comentarios:

Publicar un comentario