Plugin para buscar y escuchar musica en tu web, blog, joomla

Tema en 'Webmasters' iniciado por Vortex, 30 Nov 2011.

  1. Vor

    Vortex
    Expand Collapse
    Soldado Raso

    Mensajes:
    62
    Me Gusta recibidos:
    3
    Hola a todos, bueno este post es para compartir con todos este plugin para insertar en nuestra web, blog, joomla, wordpress o el que sea, una caja musical, para buscar, escuchar y descargar musica de forma facil y rapida.

    Estilo Clasico

    [​IMG]
    [​IMG]

    Estilo Rojo

    [​IMG]

    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 http://www.20music.com.ar/caja-musical-plugin.php

    1. Paso:

    Descargar el plugin, pueden hacerlo de la direccion anterior o de estas:

    Descargar Estilo Clasico: http://www.20music.com.ar/plugins/caja-musical/clasico/caja-musical-clasico.rar
    Demo Estilo Clasico: http://www.20music.com.ar/plugins/caja-musical/clasico/index.html

    Descargar Estilo Rojo: http://www.20music.com.ar/plugins/caja-musical/rojo/caja-musical-rojo.rar
    Demo Estilo Rojo: http://www.20music.com.ar/plugins/caja-musical/rojo/index.html

    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:
    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 dentro de las etiquetas <body></body>:

    <script type="text/javascript">
    var arrastrar = "si";
    var redimensionar = "si";
    document.write(unescape("" ));
    </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.

    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.
     
    A Realtek le gusta esto.
  2. bar

    barsaya
    Expand Collapse
    Teniente Coronel
    Usuario destacado

    Mensajes:
    1.513
    Me Gusta recibidos:
    2
    Muy bueno aver si lo uso en mi blogger
     
  3. Rea

    Realtek
    Expand Collapse
    Recluta

    Mensajes:
    8
    Me Gusta recibidos:
    0
    Muy bueno!, lo usare!
     

Compartir esta página