[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)



23 comentarios:

  1. genial el estilo lo tendre encuenta c:

    ResponderEliminar
  2. hola lokita!! waaa que buenisimo y muy lindo gracias x este tuto algun dia lo utilizare XD

    ResponderEliminar
  3. Muy buen tuto pero ,el codigo del reproductor es la URL de la cancion u otra cosa?
    Besos Dayi!♫

    ResponderEliminar
  4. no se porque no me salen tus actualizaciones D: siento no haberte comentado T-T genial tutorial gracias

    ResponderEliminar
  5. Me encantoooo el tutorial :D esta super fácil y queda super chulo ^^ !

    ResponderEliminar
  6. Qué cool es G Dragon, verdad? Jajajaja
    No suelo poner música en el blog pero lo tendré en cuenta, el tutorial está genial ^^

    Saludos!

    ResponderEliminar
  7. Algún día le colocare música a mi blog, el problema es que si o si debería utilizar el reproductor ese largo que se sitúa en la parte superior o inferior del blog, ya que en mi blog estas continuamente cambiando de entrada o abriendo muchas a la vez & ese es el único reproductor que no se actualiza con la pagina.

    Creo que se como colocar música... Dayi! me diste una idea, si lo logro tendrás créditos por inspiración xD <33
    Buen tuto & bonito diseño!

    ResponderEliminar
    Respuestas
    1. wa pienso lo mismo que tu mell!
      si es asi,seria un honor que lo utilizaras!
      saludos y besos!~

      Eliminar
  8. Esta hermoso *w* lo usaré para mi otro blog jeje *n* besos

    ResponderEliminar
  9. holii dayi hace mucho que no paso por aqui D:
    espero que estes bien!
    gracias por el tuto :3
    un abrazo.

    ResponderEliminar
  10. Hola guapa..tengo un problema..acabo de crear mi propio "Reproductor personalizado"pero no se como ponerlo..me ayudas PORFAVOR .no se como contactarme contigo.este es mi FB agregame y ayudame si please te agradeceria mucho guapa .. https://www.facebook.com/MJaksonv

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com