How to add Music to your Blogspot blog
Kristin Park emailed me today with a question. She wants to know how to add a 7 minute audio interview to her blogger blog.
Adding audio to your blog isn’t difficult. If you’re wondering how to add music or audio to your blog or website, the steps below should assist you.
First you will need to upload the audio file to a free file storage site. I recommend archive.org.
How to insert audio clips into your post
Click on edit html in your blog post and copy and paste the following code into your post where you want the audio file to play.
<embed src=”Url_of_Your_Audio_File” autostart=false loop=false height=62 width=144 controls=”console”></embed>
Replace Url_of_Your_Audio_File with the path to the audio file. Click on publish post. Please note that visitors using Firefox may be prompt to download the Apple Media Plugin in order to listen to your audio file.
I hope this post was helpful.
Note: When you upload a file to Archive.org you will see “Stream”. Right click on that and copy the link location to the file. Your link will most likely end in M3u. If you have trouble, contact me.
If you liked this post, why not buy me a coffee?
RSS
23 responses so far ↓
Wrote: Aug 8, 2007 at 10:12 pm
Thanks for that tip. I was wondering myself. BTW, “to upload” not “top upload”
Wrote: Aug 8, 2007 at 10:32 pm
Thank you for catching that mistype. lol
Wrote: Aug 8, 2007 at 10:48 pm
Rose.. what is your emai? .. or what’s the best way to contact you……..
It is so funny that you mentioned the plug in. I wanted to ask you what plug in to use, but I thought that would be extremely rude of me.
Wrote: Aug 8, 2007 at 11:06 pm
Carl I’m trapped in your email junk folder. lol Use my contact form.
Wrote: Aug 8, 2007 at 11:56 pm
Rose, I can’t thank you enough for all of your help and amazing patience with me!! I’m absolutely thrilled with the audio on my blog and am still stunned that it’s actually there. You can definitely work magic…..
Best,
Kristin
Wrote: Aug 9, 2007 at 12:26 am
Hello Kristin, I’m just glad that you were able to get it to work via my instructions. I was glad to help.
Wrote: Aug 9, 2007 at 12:46 am
Oh cool, also fileden.com and freedrive.com are good places to upload media to. Filexoom was, but lately it’s been giving me errors. Hopefully it will have fixed itself by now.
Wrote: Aug 12, 2007 at 5:57 pm
[...] How to post audio clips to your Blogger blog by Rose DesRochers [...]
Wrote: Aug 19, 2007 at 2:59 pm
I prefer to keep my audio files on box.net account, and post them to blogger – it generates you a new post with link to your file and flash widget to play it – of course you can edit it and remove all unnecessary stuff
Wrote: Oct 18, 2007 at 1:28 pm
I loved that tip! I knes there had to be an easy way to do that.
My question now is: i have two different audio files, and I would like to link them together, so that they play one after another, in the same way as its described in this post. Is it possible?
Wrote: Apr 29, 2008 at 5:02 pm
Thanks for this information. I copied and pasted the code and inserted the URL of where I have my audio file hosted. But when I check the blog all I can see is an empty box with some type of icon. Evidently I’ve done something wrong. Can you help?
Thanks in advance.
Wrote: Apr 30, 2008 at 12:28 pm
The Farmers Wife it could be that your computer does not have the media player installed. Could you post it and I’ll take a look.
Wrote: Apr 30, 2008 at 9:30 pm
Thanks Rose. For some reason I’m having great difficulty in sending a comment, but I’m going to try again. Perhaps your comments section doesn’t allow links so I’ll just say put an http:// before the following:
thefarmerswifegoestomarket.blogspot.com
Suzanne, the Farmer’s Wife
Wrote: May 1, 2008 at 11:51 pm
I must be missing something Suzanne as I don’t see it on your blog? Is it in the sidebar?
Wrote: May 2, 2008 at 7:09 am
Hi Rose, It’s not in the sidebar. What I’m trying to do is embed the audio in the body of each post. Possible??
Thanks again. – Suzanne
Wrote: May 2, 2008 at 5:22 pm
hi rose,
i already had a song in my blogg, then i decided i wanted a different one, i followed the steps again and no problem.. but, it doesn’t star playing when i open my blog.
what did i do wrong??
thanks in advance
Wrote: May 2, 2008 at 10:41 pm
Letto- If you want it to play when the blog is launched then you need to set autostart to true.
autostart=true.
I don’t recommend this. You might piss off your readers.
Suzanne, if you want to embed it into a post- I’ll need you to add it so I can see what you’re doing.
Wrote: May 3, 2008 at 1:37 pm
hi rose,
thank you sooo much! i found a site wjere you can get music and/or sounds to add to blogs and it says right there whether you want it to autoplay.. it doesn’t get any easier and better than that he he he
thanks again!
Wrote: May 4, 2008 at 8:13 pm
Hi Rose, I’ve created a blog post, inserted the code above and changed the URL to the MP3 file I have stored on Free Drive. When I publish all I see is a box with an icon in the left corner.
Thanks again for trying to help me figure this out!
Suzanne
Wrote: May 4, 2008 at 11:09 pm
Suzanne, the file path is wrong. I can’t access it either because it’s stored in a members only area, but I’m guessing the path should end in mp3.
Wrote: Jun 15, 2008 at 8:57 pm
I’m having the same problem: I uploaded to Archieve and inserted the URL. It comes up as the box with an icon. No audio.
Wrote: Aug 24, 2008 at 11:03 pm
Hi Rose, I tried following your instructions but experienced similiar problems to others, with only the logo box appearing in the post. What i am hoping to achieve is a song and player to appear in a post on my blogger site and for it to play only when instigated by the viewer (not auto). Is it possible to use streaming files from last.fm to post up audio or necessary to put them somewhere such as archive.org i actually tried both and also the embeding instructions from blogger
http://help.blogger.com/bin/answer.py?hl=en&answer=80259
if you could help, that would be super awesome
Wrote: Oct 25, 2009 at 7:31 pm
thanks rose for giving such tips.