Cómo crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog o Página Web

Crear Playlist o Lista de Reproducción
Hoy les traigo un Tip muy bueno y les mostraré los pasos de Cómo crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog o Página Web fácilmente y en pocos minutos.

Este tip es especial para todas aquellas personas que quieren Poner o Insertar Música en el Blog o Página Web y que No les ha funcionado ninguna de las otras opciones que ya les he mostrado: Cómo poner un Reproductor de Youtube Visible o Invisible, mostrado en la entrada de Poner música en un Blog,  o Poner un Reproductor de Música.

Vamos paso a paso ;)

Visitamos Hypster Music Player y nos Registramos. Los datos que nos pedirán son los clásicos; correo electrónico, nombre de usuario, contraseña y aceptar los términos de servicio.

crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog

Vamos a la pestaña que dice Create y buscamos la opción de Crear Playlist (Create Playlist)

Crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog

Buscamos la Música de nuestra preferencia en Search Music y la vamos agregando a nuestra Lista de Reproducción.

crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog

Ya que tengamos la Lista completa a nuestro gusto, vamos a Create Player, escogemos Bar Player

crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog

En caso de que hayan creado varias Listas de Reproducción, eligen una de ellas así como si quieren que la Música comience a sonar automaticamente al entrar al Blog (Autostart) y el color del skin o tema de su preferencia (Player color scheme)

crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog

Damos click en Get Code y copiamos el código completo.

crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog

Y lo pegamos en un Nuevo Gadget en la parte de Diseño de nuestro blog.

En las instrucciones dice que en la parte de la plantilla después de "body" pero a mi me funcionó también colocandolo en un gadget. En lo personal, prefiero que sea así ;)

Guardamos los cambios y eso es todo!. Ahora sólo resta disfrutar de una buena música mientras estamos en la PC u ordenador. Puedes ver como funciona en este Blog de pruebas.

Espero les sea de utilidad. :)

Subscríbete y Recibirás las actualizaciones en tu correo ¡Es Gratis!

75 Responses to "Cómo crear una Playlist o Lista de Reproducción para escuchar Música en tu Blog o Página Web"

  1. Pues funciona bien,lo unico que no me gusta es el reproductor
    que va con su publicidad,hubiera preferido un reproductor limpio
    pero lo interesante es que va bien
    gracias por estas ayudas

    ResponderBorrar
    Respuestas
    1. Si, tiene razón; a mi tampoco me gusta lo de la publicidad, pero al ser gratis no podemos ponernos los moños. Es elegir si utilizarlo o no, simplemente ;)

      Gracias a usted por tomarse el tiempo de pasar y comentar,
      Salu2 :)

      Borrar
    2. Es un intercambio ellos te ofrecen música para tu blog y tu les ofreces publicidad. Incluso me parece que ellos dan más. Besos desde Tenerife

      Borrar
  2. Muy buena recomendación, y de confianza, porque hay otras hechas por particulares (SCM player) que recientemente han sufrido ataques y han sido hackeadas, algo que no creo que pase con esta. Lo único que no la he puesto en mi blog porque la barra queda corta, no llega de lado a lado en el blog y queda un hueco blanco que estéticamente no me gusta.

    ResponderBorrar
    Respuestas
    1. Hola Paco, qué raro que no dé el ancho, yo lo coloqué ayer sin problemas y se ajusta perfectamente al ancho del blog. Deberías intentarlo con otro tema o skin a ver si es eso.

      Aquí puedes ver: Probando Playlist

      Gracias por pasar y comentar,
      Salu2 :)

      Borrar
  3. Yo e echo todo eso , pero me viene una pregunta como ago si quiero poner mas musicar a parte de una sola ???

    ResponderBorrar
    Respuestas
    1. Hola Poderío: Vas agregando una a una en donde dice "Add new song", es lo que me gustó de esta playlist que la puedes hacer tan larga o corta como prefieras.

      Haz la prueba y verás que es muy fácil,
      Saludos y gracias por comentar :)

      Borrar
  4. Hola denuevo ya e solucionado el problema que te comente pero ahora que ya e agrgado el codigo y cargo mi blog no se me reproduce ninguna cancion y creo que es por esto,, que hay que poner aqui ?? Add new playlist

    ResponderBorrar
    Respuestas
    1. Bueno, si ya agregaste la playlist, lo único que se me ocurre es que no le has dado a Play. El botón está al lado derecho enseguida de la publicidad.

      Fíjate en la imagen que te capturé: https://dl.dropbox.com/u/27588643/ImagenesPost/comentarioPlay.jpg

      (copia la dirección y pégala en la barra de direcciones de tu navegador, ahí te señalo en donde está exactamente).

      Espero sea eso que te digo,
      Salu2 ;)

      Borrar
    2. Lo primero gracias por la ayuda, en cuanto a lo de play no es , porque yo lo puse para que se escuchara directamente las musicas, creo que el problema esta en la explicacion que te digo arriba en mi comentario, tambien me sale este en el reproductor, Initializing.. , pero me llevo un rato y no sale nada, no se porque.

      Borrar
    3. Te aseguraste de agregar o verificar que la Lista de reproducción estuviera agregada al crear la Bar Player?

      Sé que podría sonar tonto, pero a veces por estar apurados o con prisa no nos fijamos.

      Estaré pendiente de tu respuesta, aunque no se me ocurre qué otra cosa podría ser, más que no estuviera agregada la Playlist.

      Salu2 :)

      Borrar
    4. si mi lista de canciones esta totalmente creada y la cree antes de meterme en el bar player, estoy casi seguro que es porque tengo que poner en Add new playlist algo pero no se que tengo que poner para que se me ponga en verde como me paso el otro el dia, pero que ni se como lo hice jejeejj saves que tengo que poner en Add new playlist ???

      Borrar
  5. Ya lo e solucionado ejeje , ya puedo escuchar musica, tenia que poner un titulo seleccionarlo y despues añarle canciones ejej.

    ResponderBorrar
    Respuestas
    1. Es justo lo que te dije, que bueno que ya lo solucionaste.
      Salu2 :)

      Borrar
  6. OMFG!!!
    Muchas pero así muchisisisiisisisiiiiisimas Gracias :') En verdad
    buscaba una respuesta y llegaste tú!
    Muchas Muchas Gracias! Pasa ami blog si gustas
    owo aunque no sé si te guste mi música Pero jeje!
    Muchas Gracias
    http://detodounpokoo-daniela.blogspot.mx/

    ResponderBorrar
    Respuestas
    1. Encantada de haber podido ser de ayuda para ti Belén,
      gracias a ti por tu comentario.
      Salu2 :)

      Borrar
  7. Se puede agregar musica de otros sitios que no sea Youtube ???

    ResponderBorrar
    Respuestas
    1. Claro, puedes subir tu propia música y después agregarla a la Playlist.

      Borrar
    2. Hola, es un placer visitar tu espacio virtual. Por favor, ¿podrías decirme cómo hago para subir mi propia música y agregarla a mi playlist? muchas gracias de antemano por la respuesta.

      Borrar
    3. Hola Lady Darcy, entra en el enlace y por ahí verás algo así: Your Music on Your Site - Your playlist and post your songs on any site with your customizable player.

      Yo no lo he utilizado, ya que mi Playlist la cree con música subida por otros usuarios.
      Salu2 :)

      Borrar
  8. Hola, estoy que busco como pegar el codigo pero no se donde pegar en html o java porque cuando pongo en añadir gadget no sale solo para pegar la url y no se como no lo encuentro ayuda porfavor

    ResponderBorrar
    Respuestas
    1. Ya con el código modificado y listo, entramos a la pestaña de Diseño de nuestro Blog,
      Agregamos un gadget <--Mira la imagen.

      Copiamos el código en un Nuevo elemento HTML, <--Mira la imagen... Click en Guardar.

      Y es todo, espero haberme explicado bien.
      Salu2 :)

      Borrar
    2. Yo he echo lo que tu dijiste y no funciona lo que no entiendo es lo de "con el código modificado" ¿tengo que modificar el código que me dan en hypster?¿es lo del famoso body?
      Saludos

      Borrar
  9. Oye Una Pregunta No Se Pude Poner Las Canciones Y Que Se Repoduscan Solas Es Que Tengo Una Radio Y Pues Por Las Tarde No Puedo Trasmitir y Quisiera Que La Musica Se Reprodusca Sola Sin Necesidad De Play Saludos Y Gracias Buena Pagina Y Esta Es Mi Pagina De Mi Radio http://www.radiotec-evoluxion.blogspot.mx/

    ResponderBorrar
    Respuestas
    1. Hola Andany, si y para eso necesitas ir a Create Player y marcar el cuadrito que dice: "Autostart"

      Salu2 :)

      Borrar
  10. Felicidades por tu blog me gusta lo que pones y sigue así, tal vez algún día llegue a ser una pagina importante.

    ResponderBorrar
    Respuestas
    1. Que lindo comentario, mil gracias! :)
      Ojalá tus palabras sean de profeta y se cumplan jeje... ¡Gracias! :)

      Borrar
  11. gracias chica, despues de tanto buscr alrededor de dos dias.... el tuyo fue el que sirvio muchas gracias.... eres una rein

    ResponderBorrar
    Respuestas
    1. Que alegría saber eso Davielys,
      Gracias por pasar y comentar.
      Salu2 :)

      Borrar
  12. no me funiona /: lo he intentado como 3 veces, pero siempre me sale "Initializing..." en la parte que se supone van los nombres de las canciones y no se reproduce nunca la musica, no se que hacer, me ayudas?

    ResponderBorrar
    Respuestas
    1. Hola Mirko, por favor lee el comentario "4, 4a hasta el 5", me parece que es el mismo problema que tienes y ahí está cómo solucionarlo. Salu2 :)

      Borrar
  13. HOLA HIZE TODO PERO NO LOGRO PEGARLO EN LA PAGINA DE UN BLOG ... PONGO EN HTLM NADA GADGET NADA BUUU
    QUE DEBO HACER GRACIAS

    ResponderBorrar
    Respuestas
    1. Hola anónimo, si vas al panel de control de tu blog, verás al lado izquierdo unas secciones, busca "Diseño" da click ahí, vas a ver al lado derecho todos los elementos de tu blog, busca uno que dice "Agregar nuevo gadget" y al dar click busca "HTML/JavaScript" se va a abrir una ventanita, adentro pega el código que generaste y le das click en "Guardar". Ese gadget ya lo puedes poner en donde tu quieras, le das guardar cambios en la parte superior derecha y ya debe aparecerte en tu blog.

      Espero haberme explicado bien,
      salu2 :)

      Borrar
  14. Hola lo del codigo body, no lo entiendo, no me sale nada

    ResponderBorrar
    Respuestas
    1. Hola Brayan, también puedes pegar el código en un nuevo gadget, tal y como lo expliqué en las instrucciones. Si las sigues al pie de la letra, no deberías de tener problemas. Salu2 :)

      Borrar
  15. Hola Alore, gracias por las indicaciones; es un tutorial estupendo, de lo que deduzco que estoy un poco torpe porque he creado mi lista, tal como explicas, generado mi código; añadido mi gadget del tipo que has indicado y pegado mi código en él, y guardado los cambios... ¡Y hasta aparece el gadget en mi blog!, pero no suena... Sí, he seleccionado la opción autostart antes de generar el código... Y lo he repetido un montón de veces, pero no sé, no se oye nada. El equipo funciona, justo antes, he probado que reproduce la música sin ninguna dificultad.

    Siento darte la brasa, porque realmente es una explicación genial, concienzuda y para gente que no lo ha hecho nunca, pero nada, no lo consigo.

    Muchas gracias por tus explicaciones. Saludos.

    Isabel

    ResponderBorrar
  16. Oye podrias decirme por que a mi no me suena las canciones? veo el reproductor en mi blog pero no se reproducen las canciones :(

    ResponderBorrar
  17. cuando registro los datos que me pide para crear el playlist no me aparece nada donde dice : playlist! relleno todo exepto eso no me da opción & no me aparece el codigo me manda a la pag. principal :s

    ResponderBorrar
  18. sabes tuve un problema cuand hice click en ''get code'' no me salio ningun codigo
    y la verdad no se que hacer

    ResponderBorrar
  19. Hola cómo están??? el tutorial está bárbaro! ya incorporé la música a mi blog, pero solo reproduce una canción aleatoriamente como yo queria pero al terminar esa canción no continua con otra. tambien noto que la página solo se abre con Crome. Con explorer tarda.
    Tienen idea por qué será?

    ResponderBorrar
    Respuestas
    1. Me sucede lo mismo. Reproduce una canción y luego se queda ahí, sin reproducir más. Le cambio a la siguiente y aún así nada. Aún busco la solución!!

      Borrar
  20. Maes gracias pura vida desde CostaRica xD

    ResponderBorrar
  21. Tengo un problema para ingresar el código en mi blog. No sé cómo hacerlo, alguien me puede ayudar?

    ResponderBorrar
  22. Tengo un problema ..puse todo como tal explicas pero no me reproduce nada..no suena..

    ResponderBorrar
  23. Hola, me ocurre que
    Tras presentarme el tema que seleccioné cuando quiero añadirla a mi playlist no puedo por:

    1. SI pincho directo en +ADD TO PLAYLIST y sin haber pinchado en PLAY para que suene el tema, se bloquea (pantalla con imagen oscura)
    2. Si le doy al PLay me aparece el dialogo de: "FIND SIMILAR"

    El asunto es que no me deja añadir temas a una playlist que previamente si pude crear.

    Muchas Gracias;
    Miguel Angel

    ResponderBorrar
  24. oh me funcionó! muchas gracias^^ haz un tutorial para poner gifts y esas cosas animadas pofa porq cuando las pego en el blog se ponen como una imagen con fondo blanco y no se mueven :(

    ResponderBorrar
  25. Hola! Seguí todos los pasos y tengo la barra de musica en el blog pero pongo play y no me suena. Revise el sonido y esta perfecto. Que puede estar pasando?

    ResponderBorrar
  26. segui todoooos los pasos y cuando voy a ' guardar ' no me queda se queda ay pegado y no se guarda no se que pasa :(

    ResponderBorrar
  27. Hola, mi consulta es que segui todos los pasos, la música inicia bien al abrir el blog, pero no se ve el reproductor. Qué me olvidé de hacer? Espero tu respuesta.Gracias.

    ResponderBorrar
  28. Hola, por favor me podrías decir por que no veo la barra del reproductor? la música inicia bien en el blog, pero no veo el reproductor. Muchas gracias, espero tu respuesta, tu blog es muy didáctico.

    ResponderBorrar
    Respuestas
    1. hola mateo as mirado si lo tienes abajo por que yo lo tengo abajo

      Borrar
  29. Muchas gracias, me sirvio de ayuda. :)

    ResponderBorrar
  30. ojala me leas...hice mi playlist todo tal cual pero pego el codigo en el httml de mi pagina web de imvu y no me aparece ni el reproductor ayuda por favooor

    ResponderBorrar
  31. oye muchisimas gracias a todos mi blog ya mola si que si alguin quiere entrar que me lo diga

    ResponderBorrar
  32. hola muchisimas gracias me sirvio,pero como hago para que se reproduzca automaticamente??? apenas se abra la pag ?

    ResponderBorrar
    Respuestas
    1. En el tutorial dice: En caso de que hayan creado varias Listas de Reproducción, eligen una de ellas así como si quieren que la Música comience a sonar automaticamente al entrar al Blog (Autostart) y el color del skin o tema de su preferencia (Player color scheme).
      Salu2 :)

      Borrar
  33. Super guay, lo de "body" es un código que aparece en un recuadro mas abajo sin imagen solo aparece los controles para que los pongas en otro lugar si kieres. Un beso a todos desde Tenerife

    ResponderBorrar
  34. Amigos, veo que esto del Playlist es un tema que ha interesado a muchos, por lo mismo llegué yo a este espacio... y seguí buscando. Quiero compartir con ustedes un enlace muy interesante que me encontré en la web, y que me ha resuelto a satisfacción esta inquietud (de forma tan sencilla y sin programas adicionales:

    http://ciudadblogger.com/2009/08/reproductor-flash-de-mp3.html

    Y para que vean (oigan) qué fácil es, les entrego un pequeño ejemplo:

    LO SIENTO AMIGOS, NO ME PERMITEN INCORPORAR LA ETIQUETA OBJECT EN ESTE ESPACIO.

    ENTREN AL ENLACE Y VERÁN QUE SON MÉTODOS FÁCILES Y SENCILLOS PARA CREAR UNA LISTA MUSICAL.

    ¡BUEN PROVECHO!


    ResponderBorrar
  35. Estupendo!!! Formidable!!! Q Jesús te Bendiga grandemente! me ha sido muy util el playlist, estuve dale q dale y no podia ponerle musica a mi blog y gracias a esta web si he podido.

    Abrazos...JTB

    ResponderBorrar
    Respuestas
    1. Me da mucho gusto haber sido de ayuda. Gracias por tus bendiciones y por tomarte el tiempo para comentar. Salu2 :)

      Borrar
  36. Hola Alma! El tutorial me ha servido muchísimo de verdad! Tienes un blog magnifico y de mucha ayuda. Explicas muy bien y además funciona. Me encanta tu blog. Si quieres venir a visitarlo,te dejo el enlace: diariochicdeldia.blogspot.com.es Saludos!

    ResponderBorrar
    Respuestas
    1. Hola Aline, muchísimas gracias por tu comentario. En verdad que esto hace que todo valga la pena. Salu2 :)

      Borrar
  37. Hola, lo e probado pero cuando pongo el code en lo de añadir un gadget por mi cuenta me dice que no, me puedes explicar como tengo que ponerlo?

    ResponderBorrar
    Respuestas
    1. Solamente necesitas copiar el código que te da la página y lo pegas en un nuevo gadget en la parte de Diseño de tu Blog y eso es todo. Salu2 :)

      Borrar
  38. hola te quería decir que en mi blog aparece el reproductor pero que no reproduce las canciones, podrías ayudarme??

    ResponderBorrar
    Respuestas
    1. Hola Sabrina, veo que ya lo solucionaste, porque he visitado tu Blog y se escucha perfectamente al entrar. Salu2 :)

      Borrar
  39. Olus, me hice esa playlist y hice todo, copie, pege y eso, pero cuando lo pongo en el HTML/Javascript y lo guardo, despues entro en el blog y no hay nada, no sale nada de nada, y este proceso ya lo vengo haciendo como 10 veces, me podrias ayudar? porfavoooor, hace mucho que queremos hacerlo.

    ResponderBorrar
    Respuestas
    1. Hola, intenta mover el gadget de lugar.
      De preferencia colócalo en donde quieres que se vea en tu Blog. Por ejemplo: Si lo quieres al final del blog, colócalo allí. Si lo quieres al inicio, trata de poner el gadget arriba de la portada.

      Si tienes alguna duda, escríbeme por medio del Formulario de Contacto.
      Está en ésta misma página al principio.
      Saludos :)

      Borrar
    2. Me pasa lo mismo, ya no se que hacer, lo he movido y todo.

      Borrar
  40. saludos amigo el hypster esta funcionando siempre me dar 522 y error. si tienes alguna informacion porfavor mandala al correo se te agradece y gracias de antemano

    ResponderBorrar

Este Blog está hecho con mucho amor y muchas horas de dedicación. Si no encontraste lo que estabas buscando, por favor Escríbeme ¡Gracias por tomarte el tiempo para comentar!