How to Embed an .MP3 Audio File into a Blogger Post

figure out how to embed an .MP3 player and .MP3 file into the blogger post. There are a number of ways you can do it, but there is one way that turned out to be super simple.

After finishing this tutorial, you'll be able to embed an .MP3 file via a player that looks like this:





First, you're going to need to host the audio file online somewhere. If you have your own web hosting account, you can do this via FTP or through your control panel in the "file manager" area. If you don't have a hosting account, I suggest a free online service such as OpenDrive.com. After you've uploaded your file to the web, you'll then need the web address (URL) of that file.

For example:

http://www.opendrive.com/files/49515491_nHtv3/Michael%20Myers%20Theme%20Song.mp3

Next, you'll need to embed the Google audio player into your blog post. To do this, click on the "Edit HTML" tab while creating a post, and where you want the player to show up, paste the following HTML code:



<div style="text-align: center;">
<embed height="27" src="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=AUDIOLINK" type="application/x-shockwave-flash" width="320" wmode="transparent"></embed></div>
Now, replace the word AUDIOLINK (leave the quotes) with the URL (web address) of your .MP3 file. Using the .MP3 that I posted above, the new code would look like this:


<div style="text-align: center;">
<embed height="27" src="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=http://extras.com/Congrats.mp3" type="application/x-shockwave-flash" width="320" wmode="transparent"></embed></div>

And that's it! Finish your post and hit publish. It should work. 
Get Free Updates:
*Please click on the confirmation link sent in your Spam folder of Email*