¿Quieres insertar un reproductor de música en tu web de una forma elegante? El widget de Grooveshark se adaptará sin duda a tus necesidades. Tus visitantes podrán escuchar música gratis en tu web o blog. Continúa leyendo este tutorial y aprovecha lo fácil y sencillo que es tener música en tu página.
Antes de empezar, debemos registrarnos en Grooveshark.com y crear nuestra propia lista de reproducción. Sé que suena duro, pero ya verás qué divertido es trabajar escuchando música.
Configurar el código embebido de Grooveshark
Si ya tienes la lista de reproducción preparada, que siempre podrás actualizar, empezamos con los pasos para insertar el Widget en una página de Webnode:
A. Una vez estamos dentro de nuestra lista de reproducción, vamos a hacer clic en el botón "compartir"
B. Ahora, se desplegará un cuadro tal que el de abajo y entonces configuraremos el Widget:
- Pulsamos sobre la etiqueta "embed" para poder configurar el widget.
- Configuramos el tamaño: anchura y altura.
- Los colores del widget para que vayan mejor con nuestra plantilla de Webnode.
C. En este punto verás cómo lo he hecho yo, aunque advierto que el tamaño variará en algunas plantillas:
El tamaño está ajustado al ancho de la columna derecha de mi plantilla, así como los colores. Además, siempre se puede echar un vistazo al resultado pulsando sobre "Vista Previa". Una vez que está todo preparado, copias el código embebido marcado en azul.
Ahora ya podemos insertárlo en nuestra página de Webnode. Si no te acuerdas de cómo realizar este paso, haz clic aquí.