jueves, 8 de agosto de 2013

Music player rectangle

este es un tutorial para poder poner un reproductor de musica en vuestro blog. la verdad es que en ente reproductor solo podeis poner una cancion pero para que teenr tantas si con una ya haces suficiente no?
bueno si quereis ponerlo en vuestro blog seguid estos pasos:
Copia El Código, Pégalo En Un Gadget HTML/javascript & Edita Lo Necesario.
<style>
.song {
padding:10px;
background:#FFF; /* COLOR DEL FONDO */
opacity: .9;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
#sing {
text-align: center;
position:fixed;
left:-270px;
top:340px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
z-index:999;
opacity: .9;
-webkit-box-shadow:3px 3px 3px #7fe1e1; /* COLOR & TAMAÑA DE SOMBRA */
}
#sing:hover {
opacity: .9; /* OPACIDAD */
left:0px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
</style>
<div id="sing">
<div class="song">
<div style="padding-right:20px;display:inline-block;">
AQUÍ EL CODE DE TU REPRODUCTOR</div><img src="GIF DE MÚSICA" /></div>
</div>

Puedes Elegir Un De Estos Gifs:
Los primero cuatro gifses preferible agregar dos veces la imagen:

<img src="GIF DE MUSICA"/><img src="GIF DE MUSICA"/>

  
  
  
  
  
  
  



No hay comentarios :

Publicar un comentario