Assumed knowledge: None.
Choose the MP3 track that you want to use, and download audio-player.js and player.swf (right click and 'Save Link As'). You will need to host all three files on a server. You can either use your internet provider's server or a free webhosting site, such as 000webhost.com. Once you have signed up to a host, you will need to upload the files either by FTP or 000webhost.com's file manager.
If you are using your own server and FTP you can skip this step. To upload via 000webhost.com's file manager, login to the site and click 'Go to CPanel'. Click on the 'Another File Manager' link.
A new window will open up that is styled to look similar to a windows folder. Double click on the 'public_html' folder. Under 'File and Folder Tasks' click 'Create Directory', enter 'audio' as the folder name, then click 'ok'.
Double click on the 'audio' folder that has just been created. Under File and Folder Tasks' again, click 'Upload File': locate and upload your MP3 music file, audio-player.js and player.swf files.
Now that you have the three files uploaded, go to the blog/website/sidebar where you want to place the music player. Copy & paste the following code:
<*object id="audioplayer1" data="http://yoursite.com/audio/player.swf" type="application/x-shockwave-flash" width="260" height="24">
<*param value="http://yoursite.com/audio/player.swf" name="movie">
<*param value="playerID=1&soundFile=http://yoursite.com/audio/audioname.mp3" name="FlashVars">
<*param value="high" name="quality">
<*param value="false" name="menu">
<*param value="transparent" name="wmode">
You will need to remove all the red asterisks and replace the four instances of yoursite.com with your host's address. The width of the music player can be adjusted by changing the '260' to the desired length (in pixels). You will also need to replace audioname with the name of your MP3 file.
If you are unsure of your 000webhost.com address, go to the main page and use the full web address that appears under 'List of your domains'.
Save your blogpost/sidebar/website page. If you have followed the steps correctly, the audio player will function like the example one in this post and play your track. If you get stuck or come across any errors leave a comment!
If you also want to add an album cover or accompanying image above the music player, upload the image to your host or Photobucket account and add the following code:
<*img src="http:yourhost.com/image1.jpg" />
Remove the red asterisks and replace the bold text with the web address of your image.