[TUTORIALES]Reproductor de musica{estilo 1}

{GD that's me!Who you?Not me~}

Uh!!!Ven creo que pase por todos los blogs?Eso creo yo(saben yo soy muy olvidadisa)De por si,les digo que saque A+en mi proyecto,A la profesora le encanto,tanto asi que lo vio y le puse excelente~sin leerlo.(soy genial)Aunque esta mañana me sentia muy mal,y aun lo sigo sintiedo,Pues ya tengo las preguntas para el tag que les dejare a todos(Algo asi como premios)Sere realistas con ustedes,tengo que dejarles descargas,recursos,tutoriales...y el tag(aunque el tag sera primero)Pues hoy les traigo un reproductor,que hay tres estilos,pero les dejare este,que tal si paro de hablar y sigamos los la tutorial:

1.Vamos a diseno:

2.Anadir un gadget>>>HTML/JAVACRIPS y pegas este codigo:

<style>
#box{
    overflow:hidden;
    position:fixed;
    width:18px;
    height:18px;
    top:50px; /* Puede cambiar el número o cambiar a fondo*/
    left:50px; /* Puede cambiar el número o cambiarlo a la derecha*/
    background:#ffffff; /* Este es el color de fondo */
}
#icon{
    /* Esto es para el posicionamiento de la música gif: */
    margin-top:5px;
    margin-left:2px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#box:hover #icon{
    margin-top:-20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#musicbox{
    width:8px;
    height:8px;
    overflow:hidden;
    /*Esto es para el posicionamiento de la música gif:: */
    margin-top:14px;
    margin-left:5px;
}
#music{
    margin-top:-6px;
    margin-left:-35px;
}
</style>
<div id="box"><div id="icon">
<img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"/>
</div>
<div id="musicbox"><div id="music">
<!-- CODIGO DE TU REPRODUCTOR -->
</div></div></div>

 EDITA:
AZUL:El codigo de tu reproductor..Puedes usar billy!
*Si no sabes buscar la url de tu musica,te dejo las tutoriales:
{Modo 1}
{Modo 2}

Pues eso seria todo..Este reproductor es sencillo..El estilo 2 sera el que yo tengo!okis?
Waa ahora si me despido!Pero recuerda algo super importante!
RECUERDA DAR CREDITOS!
Deja tu comentario!
Les dejo besos de cherryT.O.P
Att:Lee rae mi(dayi)