Este elegante reproductor minimalista está originalmente basado en un plugin para la plataforma de blogs Wordpress pero que afortunadamente puede adaptarse e instalarse sin problemas en blogger.
Además, la gran ventaja que nos ofrece es su modificación: podrás editar los colores del reproductor a tu gusto hasta obtener un diseño único que conjunte con las tonalidades de tu plantilla.
Por lo general, su instalación es muy sencilla pero para editar su aspecto tendrás que prestar mucha atención al esquema que he elaborado.
En este blog de pruebas puede verse en funcionamiento.
Diseño>Edición de HTML>expandimos artilugios
Busca la etiqueta </head> y justo antes o encima añade esta línea:
<script language='JavaScript' src='https://sites.google.com/site/scriptsbalcon/b/blReprodujtE.js'/>
Ahora guarda la plantilla.
Diseño>añadir gadget (elemento de página)>html-javascript
Agrega este código en su interior:
<object height="24" width="300" data="https://sites.google.com/site/scriptsbalcon/b/blJReprodujtE.swf" type="application/x-shockwave-flash" id="audio2"><param value="https://sites.google.com/site/scriptsbalcon/b/blJReprodujtE.swf" name="movie"><param value="playerID=1&soundFile=URL CANCION&bg=0xCODIGO1&leftbg=0xCODIGO2&lefticon=0xCODIGO3&rightbg=0xCODIGO4&rightbghover=0xCODIGO5&righticon=0xCODIGO6&righticonhover=0xCODIGO7" name="FlashVars"><param value="transparent" name="wmode"></object>
Este es el último paso y en el cual debes ir con cuidado. Como puedes observar en el código, hay muchos términos resaltados en color naranja y una frase en verde. Ésta última indica el lugar en donde debes introducir la dirección de la canción o sonido.
Accede al apartado Notas de esta otra entrada si desconoces la manera de alojar una canción y obtener su URL (dirección).
Lo que ves resaltado en naranja, CODIGO1, CODIGO2, CODIGO3... indica el color de fondo que llevará cada sección del reproductor. Antes de nada, abre la tabla de colores pues la necesitarás sin duda alguna.
Si atiendes al siguiente esquema podrás descubrir la parte del reproductor según su término.
Importante: debes incluir el código del color sin la almohadilla (#) y reemplazando el término correspondiente (por ejemplo: CODIGO1), de tal forma que para utilizar el color blanco, por ejemplo, insertaría: ffffff -en lugar de #ffffff).
Guarda el gadget para terminar.
Nota:
- Este último código a incluir en un gadget html-javascript puede introducirse también en una entrada y tantas veces como canciones se deseen mostrar.
