Hola a todos, bueno este post es para compartir con todos este plugin para insertar en nuestra web una caja musical, para buscar , escuchar y descargar musica de forma facil y rapida.
Estilo Clasico
Estilo Rojo
El plugin en si es bastante sencillo, similar a los de facebook, solo hay que descargar el archivo rar, descomprimirlo en la raiz del sitio, y luego insertar el scirpt en la pagina que deseen que aparesca el plugin .
Tienen disponible para descargar dos estilos diferentes, uno clasico que seria fondo blanco, y otro rojo, claro que pueden modificar la apariencia facilmente desde la hoja de estilos css.
Antes que nada si desean descargarlo o ver un demo desde la pagina principal es esta
1. Paso:
Descargar el plugin , pueden hacerlo de la direccion anterior o de estas:
Descargar Estilo Clasico:
Demo Estilo Clasico:
Descargar Estilo Rojo:
Demo Estilo Rojo:
2. Paso:
Una vez que hayan descargado el archivo rar, deben descomprimirlo en la carpeta raiz de su sitio, o en el directorio donde se encuentre la pagina donde desean insertar la caja musical.
3. Paso:
Bueno ahora deben insertar los sigueintes script en el codigo html de su pagina:
- Este codigo va entre las etiquetas <head></head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
- El primer script es la libreria jquery, si ya la tienen en su pagina no es necesario incluira de nuevo.
- El segundo y el tercero son necesarios si desean dotar a la caja musical para que se la pueda mover y redimensionar con el mouse.
- Este codigo va en el lugar que deseen que aparesca dentro de la pagina:
<script type="text/javascript">
var arrastrar = "si";
var redimensionar = "si";
document.write(unescape("%3Cscript src='http://www.20music.com.ar/plugins/ caja -musical/ caja -musical.js' type='text/javascript'%3E%3C/script%3E" ));
</script>
- Las variables arrastrar y redimensinar pueden tener valores si y no, si no se indica ningun valor por defecto es no, solo son necesarias si incluyeron los scripts anteriores.
Bueno no queda nada mas por exlicar, solo una aclaracion, si desean insertar el script en algun cms puede variar dependiendo de su configuracion, por lo general deben insertar los primeros scripts en el archivo header.html, o head.html, y los archivos del rar si en el directorio raiz del sitio.
Bueno suerte y espero que les haya gustado y les sirva, pregutenme cualquier cosa si no lo pueden usar, hasta la proxima...