Floating music player for Audioplay users

This mini floating music player box are for http://www.strangecube.com/audioplay/ users only. Click here to see live preview of the player box. Sorry I don't provide the tutorial of using Audioplay, it requires direct link of mp3, please google on how to get mp3 direct link.

1. Edit the codes 

Edit the codes first using http://htmledit.squarefree.com/. Replace "content here" with the codes generated by Audioplay.
<style> .music-player-box{ position:fixed; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; top:-30; left:20px; text-align:center; text-transform:uppercase; font-family: 'lucida sans unicode'; font-size: 9px;} .music-player-box:hover{ position:fixed; top:3} .music-player-content{ background:#fff; width:50px; height:25px; padding-top:10px; background:#F1ECEA } .music-player-footer{ padding:5px; background:#CBBAB0; color:#fff;-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; </style> <div class="music-player-box"> <div class="music-player-content"> paste content here <div class="music-player-footer"> music</div> </div> </div>

2. Apply the codes

For blogskins pr classic template users, place the codes under </style>

For Blogger template designer users, place the codes in HTML/Javascript on your sidebar. Don't forget to leave the title empty.