Box Music Deslizable.

Prueba el efecto AQUÍ!♦

Para colocarlo:
Vas a Plantilla / Edicion HTML & buscas </body>
ARRIBA Pegas lo siguiente:

<style>
.musMMC {
text-align:center;
font-size:11px;
font-family: trebuchet ms;
font-style: italic;
position: fixed;
left: 20px;
top: 10px;
width:150px;
color:#fff; /* COLOR DEL TITULO */
border: 1px dashed #fff; /* BORDE DEL TITULO */
padding:4px;
border-radius: 10px;
background: #95d3bf; /* FONDO DEL TITULO */
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
}
.musMMC:hover {
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
}
#note {
border-radius:10px;
border:1px dashed #95d3bf; /* BORDE DEL BOX */
margin-top:820px;
width:180px;
margin-left:10px;
padding:4px;
position: fixed;
text-align:left;
background:#fff; /* FONDO DEL BOX */
color:#95d3bf; /* COLOR DE LA LETRA DEL BOX */
opacity: 0;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
}
.musMMC:hover #note {
margin-top:20px;
opacity: 1;
overflow:hidden;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;}
</style>
<div class="musMMC">  TITULO <br /><div id="note">
AQUÍ LO QUE QUIERAS ESCRIBIR<br />
AQUÍ EL CODE DE TU REPRODUCTOR.
</div>
</div>

Antes de presionar "Guardar" edita lo marcado & presiona en "Vista Previa".
Si todo esta bien, Guarda & listo!♥

NOTA:
Puedes usarlo para variedad de opciones, colocar un mensajito, música, un menú, etc.
Decóralo como te guste & utilízalo como mejor te parezca!*~

Recuerda: se situara en la esquina superior izquierda de tu blog, si quieres colocarlo del lado derecho, cambia el "left" marcado por "right".