Simple Steps for Adding This into your Blog:
1. Go to the Post/Page you want to add this Music Player or
2. Copy the Following Code: (How to copy code easily)
Note: If you already have jQuery library in your Header, then don’t include it again
Here zen.js contains the link of the audio file you want to play through this player. As you may observe that there are three different formats of the same file namely mp3, m4a and ogg. This is done as different Browsers have different native audio supports. Therefore it is suggested that you add the link to different formats of your Music file for better Cross Browser compatibility.
3. Now add the Following HTML markup:
<div id="zen"> <span class="player"></span> <span class="circle"></span> <span class="progress"></span> <span class="buffer"></span> <span class="drag"></span> <div class="button"> <span class="icon play"></span> <span class="icon pause"></span> </div> </div>
4. Now just save and enjoy the Music.