Tutorial:Cajita de Musica Flotante

Hola :3 Bueno hoy les mostrare como poner una cajita de musica flotante como la mia aqui la muestras :

Me lo pidio Princezza  n.n¡ 
Bueno solo es para los que usan plantilla clasica ,si lo tienes sigue los pasitos :
Poner el siguiente codigo antes de  </style>
.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
right:10px;
background:#fff;
width:10px; 
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}


Poner el siguiente codigo despues de </style> 

<div class="player">
Aqui el codigo de tu reproductor</div>

Bueno aora donde dice Aqui el codigo de tu reproductor :
Tendran que ir a la siguiente pagina http://www.sheepproductions.com/billy/
les saldra asi :


Donde dice :http:// alli deben poner la url de su musica en mp3 y alado su titulo ,
puedes poner uno o dos musicas,no es necesario poner los 5 :3
Pones generate code y te saldra el codigo

Copias el codigo y lo remplazas por "Aqui el codigo de tu reproductor"
Aora para los que no saben sacar la URL  de su musica ,deben ir a la siguiente pagina http://www.fileden.com/

Bueno estoy apuradita por que me tengo que ir a un sitio asi que ,me boy a demorar 
El tutorial para sacar la Url de tu musica lo puedes encontrar en :

Ay encontraras los pasitos mas detallados, por que si lo hago yo me saldra mal ,pues estoy apuradita,me quedan 10 min para irme o.o¡ 
Bueno vas a ese blog, que le pertenece a annyz :3 (Annyz perdon si te molesta que use una imagen tuya T-T)
abajito encontraras que te muestra con imagenes como estas 
apartir de hay sigue los pasitos para sacar la Url de la musica y lo pones en http://
en el anterior paso que di 
si no se acuerdan aqui la imagen de nuevo

Bueno como dije antes pones generar codigo y lo copias ya sabes donde n.n¡
jijiji 
Bueno eso es todo y lo guardas ,perdon si les ago confundir,esque toy apuradita xD¡ Pero cualquier duda me lo hacen saber n.n¡




5 comentarios :

  1. Gracias por la Pronta Respuesta!!!! ^^ aun estoy peleando con la pagina esa para subir las canciones pero ya lo lograré!!!! Gracias!!!!!

    ResponderEliminar
  2. Quisiera saber como haces para que cuando paso el puntero del mouse sobre el osito, se muestra el reproductor de música y cuando lo alejo se esconde

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥