Our class blog is provided by Wordpress.com and it’s been about three years since I’ve done any real work on a Blogger based blog.  Before writing and recording my audio-post I needed to find out how to embed an mp3 audio player in Blogger.  Blogger (Google) doesn’t make this easy, which is a strange omission in a blogging platform that is otherwise so media friendly.  I thought I recalled doing it previously, but wasn’t sure.

In response to a question from @jlamshed I sent this tweet-

Which was met with a couple of responses.  One from @wmchamberlain suggesting I use Vocaroo (an online recording service) and another from @winetimejs saying I should find somewhere to host the audio file and link it in the blog.

Neither of these matched exactly what I wanted.  They’d both work perfectly well, but I wanted to edit the audio in Audacity to remove any “umms” and hiccoughs I might make.  I also wanted to embed a little player into the blog rather than have a link like this- listen here.  Don’t bother clicking – it’s not a real link!

After following several pomising leads from Google I eventually found this page.  It documents several ways of adding an audio player to Blogger. I used number 1 on the page to produce this player below.

You’ll need somewhere to host your audio file (I actually uploaded mine to Wordpress).  After that you need to follow the instuctions, copy and paste the player code and then paste in your mp3 file location. I’m not going to reproduce all the steps here in any detail because they’re all included here.  Just make sure you paste the code into the html view in Blogger.

The page offers other options for embedding mp3 audio in blogger, none of which I’ve tried.  I like the sound of number three, which adds code to the Blogger template so that a player appears automatically whenever you paste in an mp3 link.

One final note.  This only works with mp3 audio files.  If you have any problems you can leave questions and suggestions in the comments.  Happy recording and listening!