Este reproductor ya no funciona, pero hay unaversión más actualizada y funcionando de este reproductor que además de reproducir música MP3 también permite reproducir videos de YouTube.
Peroxide swing
Peroxide swingFever
FeverThat's how it goes
Instalarlo en tu blog es una de las grandes ventajas ya que es de lo más sencillo en cuanto a reproductores de música.
Sólo tienes que entrar enDiseño Edición de HTML y antes de/head pegar lo siguiente:
script type="text/javascript" src="http://mediaplayer.yahoo.com/js"/script
Ahora en una entrada o en un elementoHTML/Javascript pega esta línea por cada canción que quieras agregar al reproductor:
a href="URL_de_la_cancion.mp3"Nombre de la canción/a
NOTA: El reproductor no funciona si las canciones se alojan en Google Sites, pero puedes alojarlas en otro hosting comoDropbox o cualquier otro (Gracias aJosé GDF por esta aclaración)
Caratula del álbum
a href="URL_de_la_cancion.mp3"img src="URL de la imagen" style="display:none" /Nombre de la canción/a
La imagen deberá ser cuadrada y no rectangular.
Eliminar logotipo de Yahoo! y leyenda learn more about this player
Por defecto el reproductor tiene el logotipo de Yahoo! y una leyenda con un enlace que dice:learn more about this player
Para eliminarlo entra enDiseño Edición de HTML y antes de/b:skin lo siguiente:
#ymp-yahoo-logo, #ymp-relevance {visibility: hidden;}
#ymp-relevance { display:none !important; }
.ymp-player-max #ymp-body { width:570px !important; }
.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
.ymp-player-max #ymp-body #ymp-body-base { width:560px !important; }
Cambiar el color del reproductor
El color original del reproductor es gris pero también puedes cambiarlo por el color que quieras, sólo agrega antes de/b:skin lo siguiente:
#ymp-player .ymp-color-main,
#ymp-tray .ymp-color-tray {
background-color:#2F437C !important;}
Cambia donde se indica el código del color que más te guste.
Cambiar el color de las letras del reproductor
#ymp-player .ymp-color-text-main {
color:#000000 !important;}
Igualmente puedes elegir el color que prefieras.
Cambiar el color de la lista de reproducción
Igual que en el anterior quizá necesites cambiar el color de la lista de reproducción, para ello pega antes de/b:skin lo siguiente:
#ymp-tray .ymp-tray-track {
color:#FFCE0C !important;/* Color para los títulos */
}
#ymp-tray .ymp-tray-track:hover {
color:#FFFFFF !important;/* Color del título al pasar el cursor */
background-color:transparent !important;
}
#ymp-tray .ymp-tray-track.playing,
#ymp-tray .ymp-tray-track.playing:hover {
color:#FFFFFF !important;/* Color del título de la canción en reproducción */
background-color:#777777 !important;
}
Actualización: 19/02/2010
Eliminar la información sobre el hosting donde están alojados los archivos
De igual modo hay que agregar antes de/b:skin lo siguiente:
#ymp-meta-album-title{display:none!important;}
Eliminar enlace de Yahoo! Search que aparece sobre el título de la canción
Para eliminar este enlace buscamos antes de/head el script que habíamos pegado anteriormente, o sea, este:
script type="text/javascript" src="http://mediaplayer.yahoo.com/js"/script
Justo debajo de él pegamos lo siguiente:
script type="text/javascript"
//
