Blogging Resources

How to add audio files to posts in Blogger (Step-by-Step Tutorial)

Add audio files to Blogger

Sharing is caring!

Add audio files to Blogger

People have asked me in times past how to add audio files to their posts in Blogger. You might have music to share with your blog readers and you want them to be able to download it right there on your blog, without having to go visit another blog. Your blog might even be a music blog, dang.

add audio files to Blogger posts

Well,  this is one of the downsides of using this blogging platform. Some things are not as automatic as they should be.  In WordPress, all you have to do is to download a plugin. It’s not so with Blogger. In fact, you need a third party to host your audio files.

CLICK TO FIND MORE BLOGGING TIPS AND RESOURCES 

So, how do you add audio /music files to your posts on Blogger?

You can use many hosts to create and store the audio file from which you can recall with a link. In this blog post, I am going to show you how to use just one of them- Google Site.

 

Step 1: Create a Google Site

Remember I said that you would need a third party/external host to host your audio file. In this case, you need Google site. If you don’t have a gmail account, here is where you have to register. Who doesn’t have a gmail account though?

Go to Google Sites and sign in with your Gmail address and your password.

When you are in, you will find a Create button on the top-left corner of the page, click on it, give your site a title and then select a template. You can write any name on the site title and pick the blank template. Select the “I’m not a Robot.” option and go to the Create button on top to click.

Google sites

 

 

 

add audio files to blogger

 

Step 2 : Upload your audio/video file on the created Google site

Create a File cabinet. Click on “Create New Page”. Give the page a title and from the “select a template to use” option, pick “File Cabinet”.

On that same page, click on “Add files”. The icon is at the top right corner. It is the one with a folder with a plus sign .That will bring you to pick your audio/video file from where it is stored on your system. Click and upload.

Add audio to blogger

It will take a while depending on how large the file is.

Afterwards, select “On-Public on the Web” and Click on Save button. To select the audio file, right click on download button, select Copy Link Location/Address or Copy link Address (depends on your browser).

add music to your blog

 

Step 3: How to add the audio file to your Blogger post

Go to your blogger dashboard and create a new post there as usual.

You can do it in either of two ways:

i. Highlight the link you want to be the anchor text of the audio/video file and then insert the copied Google site URL.

add music to your blogger blog

ii. You can go to the html part of your text editor and paste this

<audio controls>

<source src=”Your-Copied-Google-Site-URL-Here” />

Replace Your-Copied-Google-Site-URL-Here with the link of audio file from your Google site.
And you are done. Publish your post.

Please let me know if you encounter any problems.  Share this with your Blogger friends too. You can find other blogging hacks and tips here.

Sharing is caring!

(14) Comments

    1. Esther Adeniyi says:

      Thank you for reading. Please visit again.

  1. Thanks! This was a big help!

    1. Esther Adeniyi says:

      I am very glad it was.

  2. Thanks for sharing this post, it has really helped me

    1. Esther Adeniyi says:

      I am glad it has.

  3. Thank you very much. But I must add that google have changed this method. the name now is Classic. when you get to that “create” you will see “in classic” and “new site”. Choose “In Classic” then follow Esther’s guide here.

  4. Hi Esther, please can you update this? I cannot follow your guide as Google sites has changed a lot and a lot of what you mentioned don’t exist anymore. Waiting. Thanks

    1. You need to change the view to classic… it is located on the down left corner of the page

  5. Confidence says:

    its only an audio image to play d song that appears wat if I want to download d song I posted, he do I include a link.

  6. Thanks for this trick Esther.

    There is also another method blogspot users can use to add to their blogs. It will show the numbers of time downloaded and listened to.

    I discussed it in my blog (Assistblogger.com)

  7. not playing the audio file in mobile

  8. David Calder says:

    Thanks for this. It’s very helpful.
    What I am trying to do is create an archive blog for the podcasts I have been running for a while. It will, eventually, come up to date an have all the current episodes.
    However, am I right in thinking there’s quite a tight limit in the amount of audio I can upload? I have MP3 files lasting about 10 minutes (+/-) and I seem to have hit the buffers after 14 of them.
    Can I simply create other sites with slightly different names and carry on?
    Thanks
    David

Leave a Reply

Your email address will not be published. Required fields are marked *