Escuchar música en ventana Pop-Up

4 de noviembre de 2010 282 comentarios ,
Un comentario muy común que suelen hacer es que es bastante incómodo escuchar música en un blog y que al entrar a otra entrada, página o cualquier otra sección del blog la música deje de escucharse y empiece de nuevo desde la primera canción.
Sí, es desagradable que la música se detenga justo cuando ya estábamos cantando pero hay que entender que si cambiamos de página entonces todos los elementos cargarán de nuevo. Todos.
Pues la página debe de cargar todo lo que haya dentro de ella y eso incluye a los reproductores.

Así que lo que podemos hacer es poner el reproductor de música dentro de una página independiente al blog para que, hagamos lo que hagamos en el blog esa pequeña página no tenga que cargar nada de nuevo y tus lectores puedan escuchar la música sin que se interrumpa. Para ello crearemos un documento HTML simple y haremos que éste se abra en una ventana pop-up (ventana emergente) con una función Javascript por lo que no tendremos que recurrir a librerías externas ni códigos largos.

El resultado será este:


Escuchar música



Primero vamos a crear la página del reproductor, para eso abrimos el Bloc de notas y dentro de él pegamos esto:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Musica</title>
</head>
<body>

...Aquí pegamos el código del reproductor...

</body>
</html>

Ahora pegamos donde se indica, el código del reproductor que queremos, yo he usado el reproductor de Windows Media Player que usamos para la radio online y con una lista de reproducción, aunque tú puedes usar prácticamente cualquier otro que quieras, en la sección Música encontrarás unos cuantos.

Ya que has pegado el código del reproductor ve a Archivo | Guardar como... y ponle el nombre musica.html o con cualquier otro nombre pero al final deberá decir .html
Luego cambia el Tipo a Todos los archivos, y dale Guardar.
Con esto lo estaremos guardando en formato de página Web, así que probablemente te aparezca un mensaje de advertencia donde te dirá que estás guardando el archivo en otro formato, sólo da click en para guardar el archivo.



Habiendo hecho esto subimos el archivo a un hosting.
Ahora sólo vamos a Diseño | Añadir gadget | HTML/Javascript y ahí pegamos este código:
<a href="javascript:void(0);" onclick="window.open('URL del archivo', 'popup', 'left=390, top=200, width=310, height=30, toolbar=0, resizable=1')" style="text-decoration: none;" title="Escuchar música">
<table border="0" cellpadding="5"><tbody>
<tr><td><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/TNIdrWfELVI/AAAAAAAAEus/r10UwJ9pHVc/s1600/player_volume.png" /></td>
<td><span style="font-family: Impact; font-size: x-large;">Escuchar música</span></td></tr>
</tbody></table></a>
Cambiamos donde se indica  la URL del archivo que subimos previamente y listo.

En donde dice width=310 height=30 podemos cambiar el ancho (width) y alto (height) que tendrá la ventana pop-up, esto dependiendo del tamaño del reproductor que hayamos puesto.
Y la URL que está en color verde es la que corresponde al icono de la imagen, también puedes cambiarlo si lo deseas.

De esta forma tus lectores podrán escuchar la música sin interrupciones sin importar si entran a otro post o si simplemente cierran la pestaña de tu blog, la música continuará.


282 comentarios en:

" Escuchar música en ventana Pop-Up "

  1. Jaajajajajaj creo que soy el primero. Esta buenissimo este post potro, como siempre innovando en widget para blogger....jejejejejeje

    ResponderEliminar
  2. Aaaahhhh me habia estado matando pensando como hacerlo y nunca se me ocurrio esto, tan simple y sencillo que es. Es algo que ya me estaba cansando, tengo mas de 20 canciones en mi reproductor y nadie logra escucharlas todas porque o leen mi blog o escuchan musica sin detenerla pero con esta opcion ya pueden hacer ambas cosas.
    Gracias potro como siempre, cuando te vea las cervezas corren por mi cuenta!

    ResponderEliminar
  3. Sergio Molina, te levantaste temprano :D

    cutexmas, te va a salir caro con tanta cerveza, jaja.

    ResponderEliminar
  4. Exelente.
    Yo tengo un problema con los archivos mp3, no puedo poner un demo y una descarga en la entrada, porque en descargar se abre el reproductor de yahoo, lo que hago es que el archivo mp3 lo comprimo y asi ya no tengo pronblemas.

    pero ¿como soluciono el problema?

    ResponderEliminar
  5. hola oye sabes como cambiar el tamaño de la letra de las entradas pero solo cuendo entras a la entrada

    Sabes?

    ResponderEliminar
  6. lastima con los usuarios que predefinen no aceptar pop-pup

    ResponderEliminar
  7. uy está muy bueno eso... es lo que estaba buscando hace tiempo.

    Gracias! :)

    ResponderEliminar
  8. a otra cosa sabes por que cuando publico dos entradas en un mismo dia no aparece la fecha de 1 osea solo se ve la fecha de una estrada?

    ResponderEliminar
  9. Dankey, pues esa es la misma solución que te hubiera recomendado, no se me ocurre algo más.

    zonapuerca, usando las condicionales lo puedes conseguir. De lo otro, Blogger sólo muestra la fecha de la última entrada publicada de ese día.

    nEjO, pues sólo es cuestión de agregar un texto que diga que tiene que activarlos.

    Luis Kasanova, qué bueno que al fin lo encontraste :)

    ResponderEliminar
  10. ya lo leei y para ser sincero le entendi muy poco me podrias decir mejor como le hago exactamente

    a y lo otro de las fechas como se activa?

    ResponderEliminar
  11. Potro, hice todos los paso al pie de la letra, pero cuando se abre el archivo, se abre de esta manera http://dl.dropbox.com/u/4965634/musica.html con muchos códigos raros, y si el reproductor lo pongo directo en un gadget se abre bien =/

    que pasa?

    ResponderEliminar
  12. Potro buenísimo el gadget, solo una duda, se podría poner el fondo de un color o con una imagen estática (o ambos)?

    ResponderEliminar
  13. lerh, gracias!

    zonapuerca, las fechas de ese modo no se activan, me parece que hay un script que logra hacer que todas las entradas tengan fecha pero no recuerdo dónde lo vi, sería cuestión que buscaras por la red. Sobre el código que mencionas deja el comentario en esa entrada para darle seguimiento allá que es la entrada que le corresponde.

    Apache, parece que has usado un editor o algo parecido, si lo haces en WordPad y lo haces tal como se indica dejarán de mostrarse esos caracteres.

    ResponderEliminar
  14. Hola Fran Cruz,

    Por supuesto, puedes poner todo lo que quieras ya que es una página Web común, puedes establecer estilos para toda la página o para algún contenedor, todo lo que quieras.

    Por ejemplo, para poner un color de fondo a toda la mini página pega después de </head> pega esto:


    <style type="text/css">
    body {
    background-color: #ccc;
    }
    </style>

    Ahí sólo se ha cambiado el color pero puedes agregar tantos estilos como quieras.
    Para una imagen estática sólo pega antes de </body> el código normal que usarías para una imagen flotante.

    ResponderEliminar
  15. Gracias, me ha costado un poquillo porque no entiendo todavía muchas cosas.Que sepas que leo tus entradas y ya he llevado a la práctica alguna de tus entradas, la verdad que sin blogs como el tuyo y algún otro que sois geniales, no hubiera conseguido crear mi blog.

    ResponderEliminar
  16. Buena entrada.
    En mi blog tengo la opción de escuchar una estación radial con la ventana pop-up. Creo que es lo mejor, pues la variedad de canciones es inminente, sin necesidad de estar programando.
    Los invito a que pasen por mi blog y escuchen la emisora que tengo... claro, si les gusta el rock.
    Saludos
    www.robinsonchar.blogspot.com

    ResponderEliminar
  17. Misón, me da un enorme gusto saber que he contribuido aunque sea un poco en la creación de tu blog =)

    Robinson Char, sin duda es buena opción para escuchar la radio =)

    ResponderEliminar
  18. Hola,
    He de decirte que batalle un poquito porque no sabia a donde subir el archivo html, hasta que por fin lo subi en Google Docs y ya quedo mi blog...

    Muchiisimas gracias !!!!

    Saludos...

    ResponderEliminar
  19. Claro potro durante las primeras horas del dia estoy pendiente a tus publicaciones jejejejeje

    ResponderEliminar
  20. Hola!! Muy buena idea!! Yo usaba la aplicación de Mixpod pero costaba un siglo cargar así que la quité.Mira Potro,tengo un problema con el formulario de comentarios de mi blog,tengo la opción de:inscrustado a continuación del post,pero no aparece. He intentado solucionarlo de todas las manera pero no hay forma. Si pudieras ayudarme te agradezco,te dejo la dire: http://lamagiadelafe.blogspot.com. Si lo logras te regalo una consulta al tarot!!jajaja.
    Otra cosita de interés gral que me llamó la atención,les dejo el vínculo:http://www.elpais.com.co/elpais/tecnologia/noticias/google-pagara-usuarios-encuentren-fallas-seguridad-en-sus-plataformas.Será cierto??,mmm.
    Un saludo y gracias!!

    ResponderEliminar
  21. Marysil Perdon que me entrometa pero lo que dices acerca de los bugs en las plataformas de Google es cierto. Pero, hay que ver que sean problemas mayores y que conlleven a super-problemas como en este caso en blogger. Comoeste error que comento el Potro hace tiempo. Salud2

    ResponderEliminar
  22. aaa muy bueno no tenia ni idea de como hacerlo gracias potro aqui en cuidad blogger siempre encuentro lo mejor!!

    ResponderEliminar
  23. ★ Naтi ★, si más adelante tuvieras problemas con ese alojamiento prueba también con Dropbox, Fileden o Google Sites.

    Marysil, ¿ya probaste con este método de Oloblogger, sé que muchos que han tenido el mismo problema lo han solucionado siguiendo esos pasos. Sobre lo de Google no estaba enterado así que tendremos que creerle a Sergio Molina :P

    *M.J.*, me da gusto que así sea :D

    ResponderEliminar
  24. Bien,probaré con ese método haber que sucede. Y Sergio,me dejas más tranquila ahora!! jajaja Pero imagínate si nos tendrían que pagar por cadas vez que tenemos problema con la plataforma..mm...seríamos millonarios!! jajaja Saludos y gracias!!

    ResponderEliminar
  25. Lamentablemente no he podido solucionarlo por ese método tampoco..alguien sabría decirme si le sucede lo mismo? Convendría cambiar la plantilla o no tiene nada que ver?Gracias!!

    ResponderEliminar
  26. Hey POTRO yo me kiero anunciar k necesito ...avisame porfas gracias!!!

    ResponderEliminar
  27. Marysil, pues yo veo perfectamente el formulario de comentarios debajo del post. Sólo toma en cuenta que éste sólo se ve cuando estás dentro de la entrada, en la portada no aparece nunca.

    Microboy90, ahí en el anuncio está el enlace con la info ;)

    ResponderEliminar
  28. Potro... hablando de otro tema, no se te olvide averiguar como colocar las imágenes de las entradas en los correos de los suscriptores del blog. Me hablaste sobre el servicio de flickr en feeburner pero no sé como configurarlo.
    Espero tu post.
    Gracias Potro
    www.robinsonchar.blogspot.com
    Saludos.

    ResponderEliminar
  29. Hola, discúlpame por hablarte de otro tema pero quería pedirte un favor , acabo de cambiar mi plantilla y no se si esté cambio tenga un efecto negativo para el blog en cuestión de las entradas? también otra cosita en la plantilla me dice que el archivo del blog está incluido ya pero no se puede ver y si esto también lo puede afectar...mmmm y bueno por ultimo quería preguntarte como podria hacer para que primero salga en buscadores el nombre de la entrada y después el nombre del blog.

    Te dejo la url del blog http://crepusculo-latina.blogspot.com/ para que le des un vistazo

    Un saludo y muchas gracias por tu atenciòn

    ResponderEliminar
  30. gracias potro ya encotre como hacerlo lo voy a probar

    http://elescaparatederosa.blogspot.com/2008/12/fecha-en-todas-las-entradas.html

    ResponderEliminar
  31. no no sirve queda mal con mi plantilla

    ResponderEliminar
  32. Robinson Char, sobre Photo Splicer pensé que podría ser una opción, pero leyendo más a fondo no. Como te dije antes, habría que ver cuáles son los blogs que dices que tienen así el feed para ver si es posible en Feedburner o no.

    samantha, el archivo del blog ahí está, está títulado como 'BLOG ARCHIVE'. Sobre lo de los títulos mira esta entrada. Saludos.

    ResponderEliminar
  33. zonapuerca, seguramente es por lo estilos de tu plantilla, al ser muy modificada han de haber cambiado los nombres de los contenedores.
    Te recomiendo que le preguntes para que te asesore al respecto.

    ResponderEliminar
  34. potro q buen post se me ocurrio modificarlo para hacer un mensajero (con el mismo metodo) y solo por q salen algunas letras de mas todo esta bien, solo tengo q modificar ahora el html de donde se ponen los datos del mensaje a enviar y despues ver q puedo hacer para que los mensajes no lleguen a mi correo, sino q se publiqen automaticamente en la pagina ojala me puedas ayudar con eso.
    saludos¡¡

    ResponderEliminar
  35. Olle Potro una duda,
    Tu podrías decirme un widget de cualquier que sea de conteo regresivo, pero Que vuelva y repita la funcion para el mismo tiempo asignado.

    Por ejemplo, Yo tengo el widget , y esta programado para 30 mins, al acabar el contero regresivo, que vuelva a los 30 mins y regrese al 00, y así sucesivamente sin tener que editarlo... No sabras si existe alguno o que sepas como hacerlo?
    yo solo quiero que haga eso, sin nigún estilo, pero seria mejor con estilo porque quedaría llamativo.
    Me podrías ayudar, No encuentro nada en internet :(

    ResponderEliminar
  36. Ok, gracias, despues de dejarte el mensaje tuve q cambiar de plantilla para que me mostrara el BLOG ARCHIVE

    saludos

    ResponderEliminar
  37. hEY potro compa una pregunta como obtengo el Url del archivo musica.html como favor explicarme

    ResponderEliminar
  38. buenas a todos....potro tengo una pregunta...un familiar quiere que le haga un blog pero ya el tiene su dominio y web pero quiere q se lo mejore, como hago para que cuando le cree el blog lo inserte en el dominio que él ya esta utilizando????....me gustaria que me colabores

    ResponderEliminar
  39. q paso potro pues mira, lo solucione de esta manera,
    para poner el formulario en vez del reproductor me salte el paso de word pad solo en el html del gadget puse la url del formulario en vez de la del archivo, PREVIAMENTE MODIFICADO para ajustarse al tamaño del pop up, (con el servicio de email me form)y aunq no logre q los mensajes enviados se publiqen en el blog directamente, llegan a mi correo y yo los publiko manualmente, me gusto mucho como quedo, para poner los mensajes use tu gadget de links en movimiento, solo q eliminando el link, dejando solo el texto, por si a alguien le sirve (quiza no el mensajero, pero si poner su formulario de mensajes de esta manera),
    email me form da una opcion de redireccionar despues de enviar el mensaje, alli si use el word pad para crear un texto, que los llevara a mi twitter o a mi facebook, pero en este salen letras q sobran :S (como cuando puse el html del formulario) y puse un html con un boton de cerrar entana y tampoko funciono, quiza con eso si me puedas ayudar

    =)

    ResponderEliminar
  40. Hey potro una ayuda porfavor,me podrias decir como es que se le kita estas lineas que cubren la img ? porqeu realmente no me gustan como quedan en el post! gracias y espero tu respuesta!!
    aqui una imgen potro!

    ResponderEliminar
  41. colectivo mantradubclub todo pensamiento, no es posible, el formulario de comentarios de Blogger funciona de manera distinta al de una página Web común y además no tenemos acceso a él.

    Sebas, ummm pues no conozco ninguno que tenga esa posibilidad, a decir verdad dudo mucho que haya algo parecido.

    A lo Cartagenero, necesitas subirlo a un hosting para obtener su URL. Una opción para hacerlo es Dropbox.

    karloselectronica, necesitas configurar el dominio.

    Microboy90, busca donde diga .post img { y elimina el borde que haya en esa área. Si no bastara con eso dime de cuál blog se trata.

    ResponderEliminar
  42. Estimado Potro, como no tengo a otra persona más idónea que tu a quien recurrir le hago la siguiente consulta:
    Quisiera saber cómo se puede realizar un redireccionamiento desde un botón de mi barra de botones a distintas etiquetas, tal como lo realizas en este blog.
    Sería de una gran ayuda para mí, y de seguro para una gran cantidad de seguidores suyos, si nos entrega una explicación.
    Estuve buscando en distintas publicaciones de este portal pero no pude encontrarlo. Quizás con un nuevo post nos puede iluminar en este asunto. Ya que es bastante tedioso realizar publicaciones y luego tener que copiar y pegar el link dentro de cada sección. Además que al tener etiquetado un post sobre determinado tema el visitante puede dirigirse a publicaciones similares con solo cliquear en el link de la etiqueta.
    Y si su generosidad no tiene límites y no se guarda secretos sino que los comparte también le estaría muy agradecido si nos explica sobre cómo ordenar publicaciones etiquetadas con esa opción que usted tiene (supongo que con la función "table) para poder visualizarla dentro de la misma entrada...
    Bueno, si me ayuda/nos ayuda con esto nos haría un enorme favor.

    Pd: no pensó en poner un sistema de donaciones además de la publicidad dentro de este portal?...Porque realmente el servicio que nos brinda es muy útil, y seguramente más de uno quisiera manifestar su gratitud con alguna donación.

    Un abrazo.

    ResponderEliminar
  43. Hola colectivo mantradubclub todo pensamiento,

    Parece que Blogger continua con problemas con los comentarios largos pues no veo publicado tu comentario aunque lo he podido leer en el correo.

    Para el botón de cerrar la ventana mira éste artículo que explica cómo hacerlo, con el que además también podrías adaptar el botón para que abra la ventana del formulario que has creado:
    http://www.desarrolloweb.com/articulos/1111.php

    Sobre los caracteres que mencionas necesitaría ver el formulario tanto el principal como el que contiene el mensaje de redireccionamiento para ver dónde puede estar el error.

    Saludos.

    ResponderEliminar
  44. Hola Luvodico Rey,

    De hecho ya hay una entrada que explica ese tema sobre los menús de categorías, puedes verlo en esta entrada.

    Lo otro que mencionas no me ha quedado muy claro, supongo que te refieres al tutorial sobre Mostrar sólo los títulos de las entradas en una búsqueda.

    Y bueno, sobre las donaciones, hace tiempo tuve un botón para recibir donaciones pero en varios meses no obtuve más que un par de ellas así que decidí quitarlo, pero quien generosamente desee hacerlo puedo facilitarle la cuenta de PayPal para hacer lo correspondiente.

    Un saludo y gracias por tu amable comentario.

    ResponderEliminar
  45. hola potro desde que subi el archivo del word pad para el pop up (el del formulario) salen letras de mas (aqlgo parecido a esto q ya es de la ventana de redireccion despues de enviar el mensaje )
    {\rtf1\ansi\ansicpg1252\deff0\deflang5130{\fonttbl{\f0\fswiss\fcharset0 Arial;}} {\*\generator Msftedit 5.41.15.1512;}\viewkind4\uc1\pard\f0\fs20 \par \par \par \par \par \par \par TU MENSAJE HA SIDO ENVIADO\'a1\par SER\'c1 PUBLICADO EN CUANTO SEA APROBADO\par ahora puedes seguirnos en twitter click aqui\par o en facebook click aqui\par o recibir nuestras novedades en tu correo click aqui\par \par
    \par

    ResponderEliminar
  46. como notaras, a mi solo me interesa el texto q yo puse con sus respectivos links, eso es lo q no se como arreglar,
    el boton de cerrar lo puse igual al de la pagina q me pasas, y si sale alli, pero nada q cierra
    aun asi me gusto el resultado, [aunq tenga q poner los mensajes a mano]
    puedes checarlo www.mantradubclub.com
    esta arriba de las entadas a manera de mensajero

    ResponderEliminar
  47. Usualmente esos caracteres aparecen cuando se hace con un editor de HTML y no se guarda en el formato apropiado. Si lo estas haciendo con WordPad verifica que al guardarlo diga Formato de texto enriquecido (RTF).
    Si siguieran saliendo esos caracteres entonces prueba con no usar acentos.

    Saludos.

    ResponderEliminar
  48. Listo @POTRO gracias,si es ahi donde me dijistes,pero no era borrar todo lo que tenia si no que nomas era aki
    En este tiene el 1px
    padding:4px;
    border:1px solid $bordercolor;}
    ---------------------------------------
    y nomas era kitarle el 1 y ponerle 0
    padding:4px;
    border:0px solid $bordercolor;}
    ---------------------------------------
    Gracias por tu ayuda!! Enserio ! Se te agradece el tiempo que te tomas por contestar!

    ResponderEliminar
  49. Hola, Potro! Esta entrada también va directo a Mis Favoritos de mi IE.
    Te cuento que en mis favoritos tengo una carpeta que la titulé "Ayuda para blogs" y dentro de la misma, divido sub-carpetas de categorías, según el tema. Cada vez que navego por ahí, buscando cómo mejorar mi blog y encuentro un buen tip, pues ¡zas!, guardo el link en mis favoritos. Así me es fácil encontrar esa página después, según el tema que necesito.
    Pero, adivina a qué sitio corresponden la mayor parte de todos esos links: pues precisamente a Ciudad Blogger. Cuando despliego en mi navegador esa carpeta de links de "Ayuda para blogs", lo que salta vista son los diminutos edificios negro-naranja de tu logo.
    En realidad es el sitio que más me ha ayudado a caminar entre los extraños códigos y lenguajes de este fascinante mundo de los blogs. Gracias por todo.

    ResponderEliminar
  50. Hola Potro

    hice todos los pasos que mensionas, pero al poner a cargar la ventana me aparece que si deseo descargar el archivo, a que se debe esto? o que debo hacer? gracias..

    PD: sirve cualquier tipo de reproductor?

    ResponderEliminar
  51. Muy bueno... lo aplique en mi sitio con mi lista de reproducción de jamendo!!!

    ResponderEliminar
  52. Microboy90, pues dejándolo en cero también funciona, el problema es que si ya nunca más vas a usar un borde ahí entonces no es necesario que lo tengas ya que cuando carga la página el navegador tiene que leer todo lo que hay en ella, y si tienes muchos bordes en cero como esos también los lee y puede hacerte perder milisegundos de tiempo, digo, no es nada, pero mas vale ahorrarnos esos milisegundos.

    Vicky, pues de verdad qué gusto me da saber que este sitio ha influido de manera positiva en la construcción de tu blog y saber que hay un rinconcito en tu navegador donde vive Ciudad Blogger :)

    Administraccion, podría ser por la URL de la canción o el reproductor que has puesto. Necesitaría saber dónde lo has puesto para ver a detalle cuál podría ser el error.

    Castro Javie, qué bueno que te ha sido de utilidad :)

    ResponderEliminar
  53. hola, estoy usando google doc, pero bueno ya no hay problema en eso, ahora es que me salen unas letras demás, me fije en que al guardalo estuviera en un formato enriquecido, pero igual me sigue saliendo las letras, te dejo el enlace para que me ayudes..
    https://docs.google.com/uc?id=0B5JGdbJ1y1BFOGUwOWI2ZDMtZTM4ZS00NzNiLThmYjctOTNiNDVmNmQ4YTRm

    ResponderEliminar
  54. Desde que dejaste el mensaje no he podido ver la URL, de dice que tienen problemas técnicos :\

    ResponderEliminar
  55. Hey Potro no se por que pero hago todos los pasos con detenimiento y chevere pero al final cuando guardo no me da la opcion de ser un link, me explico, cuando termino de hacer todo guardo me queda la imagen y las letras pero al poner el culsor encima de eso no me da la opcion de abrir osea como si no fuera un link, solo algo normal, haber si me entendiste y me puedes ayudar con eso...

    ResponderEliminar
  56. Necesitaría ver dónde lo has puesto para ver a detalle el código que utilizaste.

    ResponderEliminar
  57. Yo lo unico que hago es, como dijiste, hacer el documento que lo puse en este link: http://dl.dropbox.com/u/14764532/emisora.html, es una emisora que tengo desde mi casa

    y lo pongo en el link q pusiste:

    ...window.open('http://dl.dropbox.com/u/14764532/emisora.html', 'popup'...

    ResponderEliminar
  58. Lo que necesito es ver dónde lo has puesto para poder ver todo el código. Sino me quedo en las mismas.

    ResponderEliminar
  59. Miralo aqui el codigo que pongo en el HTML:
    http://api.ning.com:80/files/BFIUl8Lfj2S7f1tjMR0KIznvu94NX7*yT-jh6ElO7HpnqLy2xHszAtIEZ92DeVv2ZeLULWsURqTOsKfd6WwBYb8IVNGW991O/CODIGO.jpg

    ResponderEliminar
  60. Te lo deje en ese link por que aqui no se aceptan los html

    ResponderEliminar
  61. Me dejas igual sin poder ver el blog y determinar si se trata de la plantilla o de algún otro problema.
    De cualquier modo me parece que no lo estás usando en un blog de Blogger, y si es así entonces no sé si pueda servirte, al menos en Ning las funciones Javascript (como el que se usa aquí) no funcionan.

    ResponderEliminar
  62. hola denuevo, no sé que pasa con el archivo en google doc, ahora lo tengo en google sities https://sites.google.com/site/datosceb/home/musica.html y me sucede que al abrir la nueva ventana se carga y me aparece la opción de descargar el archivo

    ResponderEliminar
  63. Subelo a otro alojamiento como Dropbox para que lea el archivo y no lo descargue.
    Para solucionar lo de los caracteres extraños prueba poniendo debajo de <head> esto:

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    ResponderEliminar
  64. Hola...Potro si uso el reproductor de Windows Media como puedo hacer para que me salga el nombre de las canciones que estoy escuchando???
    Muchas Gracias

    ResponderEliminar
  65. Prueba usando una lista de reproducción, ahí podrás incluir el nombre de la canción que se escucha.

    Saludos.

    ResponderEliminar
  66. Hola Potro...
    Ya lo habia probado, pero ya se cual es el problema, la cancion que suena se ve en Internet Explorer abajo, pero en Mozilla no aparece el cuadrito abajo del reproductor donde esta el nombre de la cancion...
    Hay alguna forma de que esto aparezca en mozilla tambien...
    Muchas Gracias

    ResponderEliminar
  67. Aumenta un poco más el alto del reproductor (height) para que se muestre esa información. Con un valor de 70 podrá verse bien.

    ResponderEliminar
  68. Hola Potro:
    me encanta esta idea es buenisima, pero no lo he podido hacer..
    primero: ¿cual el código del reproductor, yo tengo el reproductor de Windows Media Player, me podrías decir cual es por favor?
    y
    segundo: nunca he usado el google site, para ponerlo ahi, debo crear una pagina en ese sitio?
    ojala me pudieras ayudar por favor..porque el dropbox me pide descargarlo, y solo quisiera subir sin descargar..
    buscando ayuda!!!

    ResponderEliminar
  69. El código del reproductor depende de cuál reproductor quieras poner, yo he puesto en el ejemplo el de Windows Media Player, pero cada quien pondrá el código del reproductor que quiera.
    Te dejo un enlace donde explican cómo subir archivos a Google Sites:
    http://www.axouxer.net/Tutorial_Google_Sites/tutorial_google_sites.htm

    ResponderEliminar
  70. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  71. al igual que algunas personas por lo que veo en sus comentarios al subirlo a dropbox si funciona pero con unos caracteres raros adjunto una captura para que trates de ayudarme habri el worpad y segui tod paso a paso y como podria hacer para tener algo similar a la tercera imagen http://bit.ly/fWuCa4

    la primera imagen es la mia
    la segunda es la tuya
    y la ultima pues me gustaria que querara algo asi

    gracias de antemano

    ResponderEliminar
  72. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  73. El problema no está en Dropbox sino que al guardarlo se están añadiendo caracteres propios del formato RTF.
    Mejor hazlo en el Bloc de notas, al guardarlo ponle el nombre musica.html y en Tipo selecciona Todos los archivos
    Con eso podrás guardarlo en formato HTML sin que añada códigos extraños.
    Saludos.

    ResponderEliminar
  74. excelente potro ya lo tengo tanto como para la música como para el chat quedo divino

    ResponderEliminar
  75. Me quedo de lujo,,, en hora buena te felicito... TE FELICITO ...con mayusculas por este tutorial.... miren como me quedo http://difusionrap.blogspot.com/

    ResponderEliminar
  76. Me alegro que les haya gustado y sido util esta informacion :)

    ResponderEliminar
  77. Hola Potro Mi nombre es facundo, necesitaria que me digas de algun Hosting para alojar el Archivo musica.html y que me de la Url, me recorri todos y ninguno me da la Url para agregalo al reproductor

    ResponderEliminar
  78. Hay varios, por ejemplo Dropbox, Google Sites, Fileden, etc.

    ResponderEliminar
  79. Perfecto y me ha salido a la primera. Te felicito por este gran trabajo y ayudarnos a los demás.
    Un saludo desde Tenerife (islas Canarias).

    ResponderEliminar
  80. Te lo agradezco Valeriano. Saludos hasta Tenerife!

    ResponderEliminar
  81. potro tengo una pregunta seria posible entrar en mi blog y ke automaticamente sonara una canción???

    ResponderEliminar
  82. Pues hay dos formas para que puedas hacerlo, una es que pongas el reproductor en un elemento HTML/Javascript de tu blog y ahí lo configures para que se reproduzca automáticamente.

    Otra es que utilices este método, de igual manera configurarlo para que tenga el autoplay, luego pega antes de </head> esto:

    <script language='Javascript'> open(&#39;URL del documento&#39;,&#39;Titulo de la página&#39;,&quot;toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=yes,width=490,height=250&quot;);</script>

    Ahí cambia la URL del documento, eso deberá hacer que la ventana del reproductor de abra al entrar al blog, aunque hace mucho que no lo pruebo en todos los navegadores, así que tú sabrás decirme si aun funciona o no.

    ResponderEliminar
  83. entonces solo tengo que buscar la manera de autoconfigurarlo (k no se) y pegar el codigo. ¿me podrias ayudar a configurarlo eske no se?
    gracias

    ResponderEliminar
  84. Eso depende, si usas el reproductor que he usado yo en el ejemplo entonces en la entrada verás que hay un link que explica cómo usarse, así como un link para crear listas de reproducción. En el primer link se explica cómo ponerlo en autoplay.

    ResponderEliminar
  85. podrias decirme algun hosting gratuito donde pueda subir el archivo ?

    ResponderEliminar
  86. Hay varios, Dropbox, Fileden, Google Sites, etc.

    ResponderEliminar
  87. gracias me sirvió dropbox hey y excelente post hace mucho tiempo quería hacer esa ventana pero no sabia como gracias

    ResponderEliminar
  88. un hosting que me sirvio para esto es fileave
    pueden probarlo si no les funciona con otros hosting. Saludos

    ResponderEliminar
  89. Sencilla solución para un gran problema que tenía.
    Simplemente genial.
    Gracias El Potro

    P.D.:
    Te felicito por tu Blog

    ResponderEliminar
  90. Gracias Jose Antonio, sin duda es una solución sencilla a un problema que a muchos traía de cabeza.

    ResponderEliminar
  91. hey, un truco de PM, muchas gracias por mantener vivo un blog tan divulgativo. Lo he probado y funciona a la perfeccion solo que no se me abre en un pop up sino en una nueva pestaña, he hecho algo mal??? un saludo!!!

    ResponderEliminar
  92. Necesitaría ver dónde lo has puesto para mirar a detalle cuál podría ser el problema.

    ResponderEliminar
  93. Esta es la direccion del blog donde he implementado la herramienta. Cuando pulsas sobre el banner digamos que empieza a abrirse el pop up pero inmediatamente aparece una ventana de firefox que pregunta si deso abrir o guardar el archivo, pense que seria un problema de bloqueo de ventanas emergentes pero he actualizado la configuracion del navegador autorizando las ventanas emergentes en ese site y estamos en las mismas, gracias por su atencion.

    http://gabbagabbahell.blogspot.com/

    ResponderEliminar
  94. Hola Rafa,

    Lo que sucede es que al parecer en Google Sites no muestra el documento HTML sino que da la opción de descargarlo.
    Prueba subir tu archivo a otro alojamiento como Dropbox, los que lo hemos subido ahí no hemos tenido problemas.

    Saludos.

    ResponderEliminar
  95. Hola!! Perfecto, con esa nueva indicacion funciona correctamente, muchas gracias de nuevo por tu trabajo y tu atención, saludos!!

    ResponderEliminar
  96. buen consejo y ayuda mequedo de bien en el blog gracias potro echale un vistaso y ve el resultado de tu ayuda aunke no tengo todabia mucho contenido pero la ventana pop-up es una gran ayuda gracias otra vez http://corazonymenteurbana.blogspot.com/

    ResponderEliminar
  97. No pude verlo ya que al entrar un mapa de visitas aparece sobre todo el blog y no permite ver nada del contenido. Me parece que es el gadget que tienes en 'mapa de visitas'.

    ResponderEliminar
  98. potro tengo un problemita, todas los reproductores de windows media palyer en internet los veo en negro, como estubiera recortado. tenes idea que puede ser? el archivo de musica lo subi recien

    ResponderEliminar
  99. Probablemente es la versión del plugin que tienes o el navegador. Me parece que igual lo vi así en un tiempo.
    Prueba agrandando el ancho y alto del reproductor para ver si aparece completo.

    ResponderEliminar
  100. tenia que instalar el plugin al firefox >_<
    gracias potro! sirve de mucho tu web!!

    ResponderEliminar
  101. Hola mi querido amigo Potro, este codigo lo he buscado por años, pero solo hoy a las 4 de la mañana lo pude encontrar. Quisiera pedirte el ultimo favor del dia y me digas como hago para que no aparezca la barra de direccion, ni la barra de estado y que no se pueda cambiar de tamaño a la ventana..! Gracias

    ResponderEliminar
  102. Sólo busca esta parte del código:
    toolbar=0, resizable=1

    Y cambiala por este otro:
    toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0

    Saludos.

    ResponderEliminar
  103. Te cuento potro que, en Chrome, se deja modificar como yo quera, pero en Internet Explorer ni aparece que Hagooooooooooooooooooooooo..!

    ResponderEliminar
  104. Hola Potro. Muchas gracías por esta entrada, como muchos y muchas hacía tiempo que andaba buceando por la red intentando encontrar esta solución :D.

    He seguido todos los pasos y ya está instalado en mi blog, solo que no funciona. Hago clic con el ratón y no se abre la ventanita.
    Te advierto que de html no tengo ni idea. A lo mas que llego es a seguir los pasos que indicais gente tan generosa como tú, que os esforzais en que ignorantes como yo podamos personalizar nuestro blog con facilidad.

    Muchas gracias.

    ResponderEliminar
  105. Blog de Radio, hay parámetros que los demás navegadores aceptan y hay parámetros que Internet Explorer simplemente no acepta, así que si es cuestión del navegador no hay nada que podamos hacer.

    ResponderEliminar
  106. Hola espacio sutil,

    Necesitaría saber exactamente dónde has colocado el reproductor para echarle un vistazo y ver qué podría estar pasando.

    Saludos y gracias por tu comentario.

    ResponderEliminar
  107. Hola Potro, buenos días :)

    El reproductor lo he insertado en un gadget y este gadget está encima de la cabecera, del título.
    El navegador que uso el el Firefox, y he probado en el explorer y tampoco funciona.

    Muchas gracias.

    ResponderEliminar
  108. Podría ser por la URL del archivo que agregaste que no está subido a un hosting sino que agregaste la dirección dentro de tu equipo.
    Sube el archivo a la red, Dropbox podría servirte; y prueba de nuevo, pues al menos en otros navegadores como Chrome, Opera y Safari sí se abre la ventana, menos en Firefox e Internet Explorer así que supongo que sí podría tratarse por la URL del archivo.

    Saludos.

    ResponderEliminar
  109. De verdad, Potro, muchisimas gracias. Debes tener un poder especial, jajajajaja.
    Esto que me dices ya lo probé justamente en Dropbox, porque precisamente es ahí donde alojé las canciones que suenan en el reproductor. Pero debe ser que faltaba algo, porque ha sido decirmelo tú, probarlo de nuevo y ¡funcionar!
    De nuevo mil gracias por compartir tu sabiduría.
    Un abrazo

    ResponderEliminar
  110. Me alegro que ya esté funcionando :)
    Gracias por tu comentario!

    ResponderEliminar
  111. Hola potro buenos dias!

    Le queria hacer una pregunta y si me puede colaborar muchas gracias....como le puedo poner a la ventana pop-up una imagen de fondo que tengo que hacer.

    Saludos y gracias

    ResponderEliminar
  112. Buen día Angula Estereo,

    Para agregar una imagen al fondo de la ventana agrega después de <head> esto:

    <style>
    body {
    background: url(URL de la imagen);
    }
    </style>

    Saludos.

    ResponderEliminar
  113. Hola potro buenos dias.
    Muchas gracias por tan valioso aporte, la verdad es que tu eres el que nos saca a nosotros los principiantes de tanto problema me quedo genial eres un duro.

    Gracias saludos.

    ResponderEliminar
  114. Saludos El Potro. Estoy tratando de poner musica en vio a mi blog y no he podido. Tengo una Mac y quiero poner musica de la emisora Los 40 Principales. En lo que me puedas ayudar te lo agradeceré.

    ResponderEliminar
  115. Hola SOLO BOXEO PR, ya te he respondido en la otra entrada donde has dejado la pregunta.

    ResponderEliminar
  116. Llevando el archivo al hosting y luego la url pegandola al codigo del elemento html no me reproduce. Lo hice pegando directamente la url de la emisora en vivo y ahi si me reprodujo.

    Por alguna razon los archivos q subo al hosting SITES les quito "?attredirects=0&d=1" como vi en uno de tus post pero no me funciona su url.

    Gracias Potro

    ResponderEliminar
  117. Necesitaría saber en cuál blog lo has puesto para poder mirar el código con la URL de Google Sites.

    ResponderEliminar
  118. Demasiado bueno me sirvió ful!!
    Abrazos desde Ecuador.

    Visitame en www.olimpicaenvivo.com

    es un blog de blogger!

    ResponderEliminar
  119. Potro el blog es: area10-03.blogspot.com
    En la columna de la derecha deje el q te cuento q me funciona y en la parte de abja "RADIO" lo deje como salio siguiendo los pasos, no abre la ventana...

    Muchas gracias por tomarte la molestia de estar atento a nuestras dificultades, saludos

    ResponderEliminar
  120. Las plantillas Premium son de pago? o se pueden utilizar sin problema para editarlas?
    Sacame de esta duda por favor, muchas gracias Potro

    ResponderEliminar
  121. Hola Dr. draKo,

    Sube el archivo HTML a otro alojamiento como Dropbox, ahí no tendrás ese problema.
    Además, si usas dos ventanas con este código busca esta parte en uno de los dos códigos (el que sea):
    'popup',

    Y cambialo por 'popup2',
    Eso es sólo para que en el futuro no tengas problemas por si alguien quisiera abrir las dos ventanas al mismo tiempo.

    En Blogger muchas plantillas Premium son gratuitas y otras de pago, todo depende de qué sitio las consigas, pero créeme, no vale la pena pagar por una, hay cientos gratuitas que están al alcance de todos.

    Saludos.

    ResponderEliminar
  122. Muchas gracias, ya me abre la ventana sin problem, pero ahora la emisora es la que no carga, la probe con varias y nada.

    Muchas gracias Potro

    ResponderEliminar
  123. Es por la URL de la emisora que no está bien. Prueba con esta:
    http://audio2.grupolatinoderadio.com/envivo.ASX?EMI=COCARCOL&T=15

    ResponderEliminar
  124. Ohhh men oh men "SOS EL MEJOR", creéme que habia intentado con 3 url distintas y nada, ahora rebusque la que me diste y ya se como encontrarla.

    Potro muchisimas gracias, sos el personaje mas atento y colaborador que he conocido en la web.

    ResponderEliminar
  125. Potro, he encontrado casi todas las url de emisoras, pero hay unas que no tienen el reproductor de WMedia, asi q no he podido hallarla por ningun lado.

    Me podrias explicar como hallar esas emisoras por favor. Muchas gracias men

    ResponderEliminar
  126. Si su reproductor está hecho en Flash entonces tienes que ponerte en contacto con ellos para que te puedan facilitar la URL que necesitas.

    ResponderEliminar
  127. Estoy triste... Me ha salido muy bien 1° subir las canciones a Dropbox, PEROOOOOOOO yo siempre vengo con un PERO.
    Hice el documento HTLM en el Bloc de Notas, lo subí a Dropbox, abrí en Elementos de página, seleccioné HTLM puse el código que das y todo, LE PONGO EL URL del archivo HTLM con previamente puesto dentro el reproductor que anteriormente había hecho en WordPad y que también había subido con la exteción ASX y cuando le doy guardar y quiero escuchar las 3 CANCIONES DE PORQUERIA QUE ELEGÍ DE TAYLOR SWIFT el "Bendito Reproductor " (inserte acá sarcasmo y cara de odio) en vez de aparecer el reproductor...
    LA PORQUERÍA SE DESCARGA A MI COMPUUUUUUU!!! ES DECIR NO LO PUEDO ESCUCHAR COMO EN ESTA ENTRADA...
    Porque se descarga a mi carpeta de Descargas como un Documento HTLM

    ='(

    Quiero llorar... yo quiero que me salga...

    Hay algo que esté haciendo mal??

    ResponderEliminar
  128. Hola POTRO, me abre, una ventanita donde se supone debe abrir el reproductor, (queda en blanco) me sale un aviso de permiso de abrir el reproductor Window Media, le doy permiso y en efecto suena la musica alli.. si cierro la ventanita, me cierra todo, el archivo de Bloc de nota lo guarde en mis documentos, que me faltó..? agregue la otra forma de reproductor pero tiene el problema de reiniciar cada vez que cambio de pagina.. Gracias
    www.artedigitalmcy.blogspot.com

    ResponderEliminar
  129. bUENO.. AHORA REVISE TODOS LOS PASOS, CORREGI LA UBICACIÓN DEL ARCHIVO, (LO SUBI AL DROPBOX, AHORA SOLO ME SALE EL CUADRITO Y LA DIRECCION DE LA RADIO... QUE TENDRE QUE CAMBIAR.. ?

    ResponderEliminar
  130. Miss Varieté, que no cunda el pánico, por lo que mencionas es probable que la URL que sacaste de Dropbox no sea la URL pública sino la URL de descarga, pero para estar más seguros necesitaría ver dónde lo has puesto para confirmarte si ese es el error o no, de cualquier forma puedes revisar de nuevo que la URL que has puesto sea la pública (Public link).

    ResponderEliminar
  131. artedigitalmcy, en el documento HTML debes poner no la URL de la radio sino el código del reproductor.

    ResponderEliminar
  132. Hola.
    Cuando abro mi carpeta de Dropbox y le doy clik con el botón derecho elijo la opción "Dropbox - Copy Public Link"
    De hecho algo que vi y dime tú si esta mal, o yo creo que debería aparecer así.
    Viste que cuando descargas por ejemplo una carpeta comprimida con una plantilla, Dicha plantilla tiene al lado un icono o logo que yo reconozco como una plantilla... en este NOP.
    Es decir en este caso, es una hoja lisa blanca con la esquinita doblada, no sé si es así porque es el logo o icono que tiene o porque está mal subida...
    Ya me he liado con las palabras no?
    Bueno el hecho es que la cosa no quiere funcionar ¬¬
    Hay algún otro lugar donde pueda yo subir mi archivo para hacerlo? Porque de verdad no me gusta nada, de nada como queda el reproductor en el blog. Es que es así todo romántico y se ve HORRIBLE. jaja

    Ojalá puedas darme una mano... He de confesar que ayer refresqué la página varias veces para ver si me habías constestado y ver hoy la respuesta es GENIAL!!!!!!

    Creo que ya te dije esto, pero por las dudas lo repito...

    GRACIAS POR RESPONDER MIS MENSAJES!!!!! ♥

    Besitos *___*

    ResponderEliminar
  133. Gracias.. gracias... ya logre solucionar... quedo muy fino....pronto te voy un enviar un aporte...

    ResponderEliminar
  134. Hola de nuevo Miss Varieté,

    Por el icono no te preocupes mucho, eso podría ser porque tu equipo no reconoce ningún programa predeterminado para abrirlo.
    Pero a lo que vamos, si dices que usas la opción Public Link entonces el problema podría ser que no estás poniendo los archivos dentro de la carpeta Public, y es completamente necesario que los archivos estén dentro de esa carpeta para que puedan ser accesibles en la red.

    Besitos!

    ResponderEliminar
  135. Ok, debo ser sin duda alguna (y una mujer embarazada no admite replica) la lectora más molesta que tienes en el blog.

    Te detallo paso por paso.

    1° Creé en WordPad el archivo con las canciones que previamente había subido una por una a la carpeta PUBLIC, de mi carpeta de Dropbox, y que dichas canciones para ponerlas en este archivo que creé con la extención ASX las tomé una por una con el "Copy Public Link".

    2° Esto lo puse luego en el reproductor que de acá mismo saqué y es como un mini Reproductor de Windows Media.

    Y FUNCIONÓ!!!

    Perooooo... no me gusta como queda en el blog, y aparte me gusta la idea de la ventana pop-up porque así si refrescan la página el reproductor no vuelve a empezar...

    3° Visto que quiero esto de la ventana pop-up fui hasta el BLOC de NOTAS y creé allí el documento HTLM que requería para poner el reproductor como era necesario.

    4° Abrí mis documentos; seleccioné dicho documento .htlm; le di botón derecho COPIAR; abrí mi carpeta de DropBox y luego la de PUBLIC; botón derecho PEGAR; cuando ya estuvo listo el documento con el icono verde... abajo otra vez

    5° Copié el CÓDIGO de ARRIBA, abrí Alemento HTLM, lo pegué Y .... desde mi carpeta PUBLIC dentro de DropBox, le dí a botón derecho a mi documento botón derecho "DropBox - Copy Public Link", lo pegué donde correspondía.

    6° GUARDAR, abrí mi Bonito Blog....

    Y LA PORQUERÍA CUANDO LA QUISE ESCUCHAR NO SALIA EL REPRODUCTOR SE DESCARGÓOOOOOOOOOOOOOOOOO!!!!!!!


    Ahora, o yo de verdad soy tonta, o esto me está tomando el pelo, o no sé!

    Porque no le encuentro la causa a mi fracaso...


    Ahora me comeré un poco de helado, para bajar la ansiedad y esperar a ver si tú tienes idea que puede estar pasando o DEMANDARÉ A MixPod por haber jodido los reproductores y que ya no funcionen...

    Yo en verdad lo siento, por este comentario tipo MEMO... yo una mala lectora, lo sé, pero quiero música para mis lectoras...

    =(

    ResponderEliminar
  136. Siendo así entonces no puedo contradecirte, aunque yo podría en duda eso de que eres la más latosa ;)

    Si como dices, has puesto todo, tanto las canciones como el documento ASX y el HTML en la carpeta Public entonces podría ser que quizá sólo sea tu navegador y la forma como abre ciertos documentos. Pero para estar seguros de eso necesitaría, ya sea que abras tu blog desde otro navegador, o que me digas cuál es el blog donde lo has puesto para yo verlo desde distintos navegadores y así poder entender de forma más clara qué podría estar pasando.

    P.d. Me guardas un poco de helado :)

    ResponderEliminar
  137. Holiiiiiiiiis!!!
    Tenía que pasarme por esta entrada de nuevo, para decirte como lo solucioné. No dejé de poner el gadget, ni demandé a MixPod por haber arruinado el sitio (jajaja)
    1° Preparé mis canciones que subí al archivo hecho en WordPad y luego lo subí a Dropbox.
    2° Tomé el código de acá arriba para la ventana Pop-up y donde debería poner el código de mi documento HTLM pegué directamente el archivo de mis canciones...
    CIERTOOOOOO... que el reproductor se ve con una pequeña ventana arriba como si fuera el de la compu... PERO SE ESCUCHA EN VENTANA POP-UP!!!
    Y eso era lo que quería =) Te paso el link de mi Blog para que veas como ha quedado... OJO! que mi blog está en periodo de construcción, así que sólo ve el reproductor! =)
    http://missvariete-words.blogspot.com/
    Besitos ♥

    ResponderEliminar
  138. ¡Épa! ¡Qué bueno ya está resuelto! :)

    ResponderEliminar
  139. Que tal Potro, recurriendo a vos otra vez, cuando créo que estoy terminando mi blog... me surge un problemilla.

    Resulta q tengo 7 emisoras online (diferentes opciones para q el usuario escoja segun su gusto) y me funcionaban todas sin ningun problem tanto en "Mozilla" como en "Explorer"
    y ahora que estoy a unos dias de darle candela al blog para el publico...
    Ahhh&%#?"!... en explorer me abren las ventanas de las emisoras pero no carga ninguna... en "Mozilla" y en "Chrome" siguen funcionando de manera normal.

    Que puede ser???
    Ah y quisiera saber por favor como hago para quitarle la fecha de publicacion a las entradas.

    Muchísimas gracias Potro por la colaboracion q me puedas brindar

    ResponderEliminar
  140. ¿En cuál blo lo has puesto?

    Sobre la fecha entra en Diseño > Elementos de la página, click en Editar sobre el elemento 'Entradas del blog' y ahí desmarca la casilla de la fecha y hora.

    ResponderEliminar
  141. Gracias Potro, por lo de la fecha siento q he hecho una pregunta muuuuuy boba, la verdad por estar concentrado en otras cosas del blog deje pasar esto tan elemental :)

    El blog es: 44megas.blogspot.com

    Serias el segundo en ojearlo pues mi novia me cogio descuidado y lo vió... :)

    Gracias men

    ResponderEliminar
  142. Podría ser un problema directo con la radio, porque de hecho en otros navegadores tarda demasiado en cargar, así que quizá la misma radiodifusora tenga algún problema con la transmisión :/

    ResponderEliminar
  143. Como siempre tan atento Potro, muchas gracias, ya lo q fue fue... El blog es:
    www.44megas.blogspot.com ó www.44megas.tk

    En buena parte este blog es resultado de tu ayuda, asi q MUCHISIMAS GRACIAS!

    ResponderEliminar
  144. ¿puede ser que no funcione para google chrome?

    ResponderEliminar
  145. No, pero lo que sí puede ser posible es que tengas bloqueados los popups del navegador.

    ResponderEliminar
  146. Saludos Potro, aca de vuelta nosotros jejeje, ya aplicamos este popup con el reproductor de nuestra radio, echale un vistazo jejeje, www.exajutiapa.blogspot.com resulta que nuestra pregunta ahora es como deshabilitar el boton de maximizar dicho popup, para que cuando el visitante no pueda extender la pagina, ya que se ve descuadrado jejeje, nosotros ya lo tenemos con sus medidas respectivas como puedes darte cuenta, pero no queremos que se descuadre, ojala nos respondas con alguna solucion sabemos que eres un genio en esto de los blogs jejeje, saludos desde La Cuna del Sol, Jutiapa en Guatemala.

    ResponderEliminar
  147. En el último código que se menciona se encuentra esta parta:
    resizable=1

    Eso indica que la ventana se puede modificar de tamaño, si se cambia a 0 (cero) indica que no se podrá, en teoría... porque la realidad es que ya algunos navegadores no aceptan ese comando y aun cuando se ponga en cero se puede modificar el tamaño :/

    ¡Saludos!

    ResponderEliminar
  148. Hola Potro, hacia rato no escribia, esta apartado de la escena BLOG.
    Te queria hacer una pregunta:
    Hay alguna herramienta, software o algo q tu conozcas para poder colocar musica aleatoria.
    Q cuando alguien entre al sitio suene la cancion q suena en el momento y no el playlist q yo tengo.
    Te agradezco mucho...
    Saludos desde COlombia

    ResponderEliminar
  149. Seguro debe haber algún script que pone la música aleatoria, sería cuestión de que busques alguno, yo no me sé de uno pero quizá sí debe haber.

    Saludos hasta Colombia!

    ResponderEliminar
  150. hola hice todos los pasos pero solo aparece escuchar musica y nada mas´
    HELP!!!

    ResponderEliminar
  151. Potro ya funciona pero quiero autoplay estoy usando flashwidgetz y necesito ayuda por favotr

    ResponderEliminar
  152. Eso ya depende del reproductor que uses. Desconozco si ese servicio que usas maneja esa opción, pero en su página podrás averiguarlo.

    ResponderEliminar
  153. como puedo subir el archivo a un hosting ^^u jejeje soy nueva en esto, tenganme paciencia

    ResponderEliminar
  154. Toda la paciencia, no te preocupes ;)
    Puedes subirlo a Google Sites aprovechando que tenemos cuenta de Google:
    http://ciudadblogger.com/2011/01/como-subir-archivos-en-google-sites.html

    ResponderEliminar
  155. hola potro!! me encanta visitar tu pagina me dan ganas de poner TODO lo que veo jajaja.. pero bueno.

    tengo problemas con esto, quiero poner la radio pero lo habro y no se reproduce, es por que uso el navegador de mozilla?

    ResponderEliminar
  156. opss! aca esta el link ^^u..

    http://cosplaycrossplay.blogspot.com/

    ResponderEliminar
  157. Gracias por tu comentario lizeth002 :)
    No lo subas a Google Sites porque tomará el archivo HTML como una descarga. Prueba subirlo a otro hosting como Dropbox, ahí no deberás tener ese problema.

    Saludos.

    ResponderEliminar
  158. Hola Potro, me das una mano con este truco? me aparecen separados la ventana y el reproductor, yo los puse en un mismo gadget | HTML/Javascript mira:

    <a href="javascript:void(0);" onclick="window.open('http://dl.dropbox.com/u/34230564/musica.html', 'popup', 'left=390, top=200, width=310, height=30, toolbar=0, resizable=1')" style="text-decoration: none;" title="Escuchar música">
    <table border="0" cellpadding="5"><tbody>
    <tr><td><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/TNIdrWfELVI/AAAAAAAAEus/r10UwJ9pHVc/s1600/player_volume.png" /></td>



    <td><span style="font-family: Impact; font-size: x-large;">Escuchar música</span></td></tr>

    <embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showgotobar="false" transparentatstart="true" autostart="false" showstatusbar="true" src="http://dl.dropbox.com/u/34230564/playlist.txt" type="application/x-mplayer2" height="45" width="300" bbclient="0" name="MC1"></embed>

    </tbody></table></a>

    espero que no este tan mal, aunque claro no funciona, asi que mejor me callo y espero tu amable ayuda jejejeje....

    ResponderEliminar
  159. jajaja- Por fin he comprendido como se arma este truco, Listo.! Aveces es bueno que uno sea capas de reirse de uno mismo jejejeje.

    ResponderEliminar
  160. Hay que reírnos mucho de nosotros mismos :)
    Por cierto, ya te había respondido el comentario anterior, no sé por qué están desapareciendo :/

    ResponderEliminar
  161. Pues si desaparecio, de todos modos gracias Potro,
    Saludos.!!

    ResponderEliminar
  162. buenas!!! tengo una duda.. al hacer clic se abre el pop-up con la música.. etc... mi duda es la siguiente, se puede hacer que cuando uno haga clic en Escuchar Musica se abra la ventana en 2do plano? de manera que no interrumpa la ventana de navegacion del blog ¿? xD... si se pudiera sería excelente :D

    ResponderEliminar
  163. Se supone que con la declaración window.focus se puede hacer, pero yo lo he intentado varias veces sin éxito alguno, no sé si esté haciendo algo mal o los nuevos navegadores ya no lo admitan :/

    ResponderEliminar
  164. Una cosa impresionante este muchacho apodado El Potro, muchas gracias por el tutorial ahora si mi web quedo de 10, continua asi con tan buenos tutoriales, saludos.....y aqui les dejo mi web para que vean que quedo muy bien el reproductor...

    http://www.thematrix.mex.tl

    ResponderEliminar
  165. Muy bueno, pero como le pongo grafica mia de fondo! alguien sabe?

    ResponderEliminar
  166. Arriba del código del reproductor puedes poner la imagen que quieras, sólo tienes que colocar el código de la imagen:
    <img src="URL de la imagen" />

    ResponderEliminar
  167. Hola necesito colocar un reproductor NeoLao con su correspondiente lista de reproducion en un popoup, como hago? gracias

    ResponderEliminar
  168. No sé cuál es ese reproductor, pero si tienes su código sólo tienes que pegarlo donde se indica.

    ResponderEliminar
  169. no me funciona, se me abre como archivo de blog de notas

    ResponderEliminar
  170. Entonces no está guardado correctamente. Debes cerciorarte que el archivo se haya guardado en formato HTML.

    ResponderEliminar
  171. Hola potro te saludo nuevamente,

    Te queria consultar sobre la ventana pop-up....realice todos los pasos que mensionas en la parte superior.....me voy a revisar en los navegadores.....en mozilla super.....en chrome super.....pero como siempre el peor IE internet explorer un cuento que no tiene fin......efectivamente sale la señal bien ....pero la imagen de fondo ni en sueños ....sabes si le puedo hacer algo al codigo o agregar algo para que tambien lea la imagen de fondo en IE.......Como siempre mil gracias y bendiciones para ti.

    ResponderEliminar
  172. Que pena se me olvida la dirección por si debes mirar algo depronto. www.angularstereo.tk o http://www.angularestereo972fm.blogspot.com/

    ResponderEliminar
  173. Hola de nuevo :)
    Si IE no te reconoce el fondo entonces ponlo de esta manera:


    background-image: url(http://3.bp.blogspot.com/-BJwRjz9oLvc/Ts2B7Be9E9I/AAAAAAAADKY/sY7R-s220ew/s1600/SE%25C3%2591ALENVIVO97.2JPOR-trans.png);
    background-repeat:no-repeat;

    ResponderEliminar
  174. Hola potro,

    Un saludote.....y mil graciassssssssssssss......que seria de nosotros sin ciudad blogger y el potro.

    ResponderEliminar
  175. Y qué sería de esta Ciudad sin ustedes :)

    ResponderEliminar
  176. hola Potro un gusto saludarte! mira ando viendo como poner un fondo a este gadget, un fondo para la ventanita del reproductor hise lo del comentario numero 15 de este post pero no resulto, solo me cambia el fondo pero de mi blog- No de la ventanita, habra otra manera de lograrlo? Gracias.

    ResponderEliminar
  177. Hola Leonardh.,

    Qué gusto verte por acá.
    Lo del comentario #15 es correcto, ese es el procedimiento a seguir, pero ese código no va en el blog, sino en la mini página donde tienes el reproductor.

    Saludos.

    ResponderEliminar
  178. A que bien..!! jejeje es verdad esta correcto lo del comentario #15, fue muy sencillo de hacer jejeje. Muchas gracias.....!bye!

    ResponderEliminar
  179. Hola que tal amigo,
    Una pregunta ya seguí todos los pasos pero a la hora de escuchar si abre el pop up pero en vez de salir el reproductor lo descarga a la computadora,
    No sabes como solucionar esto
    Uso Google site.
    Gracias

    ResponderEliminar
  180. Sube tu archivo HTML a otro alojamiento como Dropbox, con Google Site siempre hay ese problema cuando se trata de archivos HTML.

    ResponderEliminar
  181. Igual. Sólo pon el código en la entrada.

    ResponderEliminar
  182. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  183. hola potro ¿cual es el codigo del reproductor? de donde tengo que sacarlo....

    ResponderEliminar
  184. y otra consulta potro como pongo la musica???

    ResponderEliminar
  185. disculpa potro despues de largas horas investigando pude encontrar las soluciones disculpa jejejej :) y saludos desde chile..

    ResponderEliminar
  186. Ahí en la entrada está el enlace al reproductor, el enlace para crear listas de reproducción y el enlace para ver otros reproductores.
    Saludos.

    ResponderEliminar
  187. Jojo, no había leído tu último comentario. Qué bueno que ya supiste cómo conseguirlo :)

    ResponderEliminar
  188. Hola Soy novato en esta area y me gustaria saber como hacer para ver un video en pop-up y que formato trabajarlo
    Gracias esto claro en lugar de una radio

    ResponderEliminar
  189. Hola Soy novato en esta area y me gustaria saber como hacer para ver un video en pop-up y que formato trabajarlo
    Gracias esto claro en lugar de una radio

    ResponderEliminar
  190. Hola Charlieboy,

    Si es un video que tienes en tu ordenador y apenas vas a subir a la red puedes usar el reproductor de Windows Media Player (ver enlace en la entrada), el procedimiento es el mismo de esta entrada, sólo tendrías que aumentar el alto del reproductor para que aparezca la pantalla donde estará el video.
    Si es un video de YouTube entonces mira esta otra entrada:
    http://ciudadblogger.com/2009/05/abrir-videos-en-ventana-emergente.html

    Saludos.

    ResponderEliminar
  191. Hola chicos, yo he conseguido poner, en vez de Windows media player, la versión FLASH. Funciona mejor.

    Echad un ojo a mi blog : http://www.neuroplace.net

    Un saludo

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger