How to add Audio Files to Posts in Blogger

Advertisements
Do you want to add audio files to posts in Blogger? Sometimes you do want to include some audio track to your blog, which could either be a podcast or something related to your content. Recently, one of our users asked us how to add audio tracks to post in blogger. We initially thought, we might have covered this article but we haven’t. Therefore, today in this article, we will show you how to add audio files to posts in blogger.


Step#1: Creating Google Site for Hosting Audio File 

First of all, you need to upload your audio file on external hosts as you it does not allow you to upload audio or video files. Therefore, you need to use external host to upload and I am using the most credible source and that is Google Site.

  • First of all, go to Google Sites using this Link and Sign in using your Gmail ID and password. 
  • Now, you need to click on Create button from top-left corner.
  • After that, you need to give title to your site and select a template for it. You may select any template and give any name as we are only using it to host the audio file that’s all. I am using Audio File name as file name and Blank as template. 
  • Ones you have given the name, it will auto generate the URL of your Google site; you may also change it by clicking on it and make it different from title. Now scroll down and check-mark the box, I’m not a Robot
  • Now, ones you are done with setting up these things select Create button from top.
  • Now your site will be ready. However, you cannot add any audio or other file directly to the site. Therefore, you need to create a File Cabinet on your site to start uploading files on it. 
  • Now to create a file cabinet, on the same page of your site, you need to click on Create New Page button from top.
  • Now, give title to that new page. Then you from “select a template to use” select File Cabinet, and lastly select Create button from top.


Step#2: Uploading Audio File on Google Site 

  • Now, you need to be on the same page and Click on Add Files button and then browse your audio file which you want to upload.
  • Then it will start uploading your audio file which will take some minutes of yours to get completed. You may repeat this process to upload other audio files too but remember that limit must not exceed from 100 MB and one file of 25 MB. 
  • After that, you need to make it accessible for your readers and for that you need to Click on Home button from side bar and then select gear icon from top. Then you’ll see different options out of which you need to select Sharing and Permission.
  • Now, check if the permission is granted to Public then it is ok, if not then Click on Change button under Who has access.
  • Then select On-Public on the Web and Click on Save button.
  • Now, you need to get the complete URL of audio file which you have uploaded and for that select the audio file right click on download button, then select Copy Link Location or Copy link Address (depends on your browser).

Step# 3: Adding Audio Files in Blogger

  • Go to Blogger >> create a new post there for your Audio file. 
  • Now, move towards the HTML section in post editor and Copy/Paste the following code there. 
<audio controls>
<source src="Your-Copied-Google-Site-URL-Here" />
If you cannot see the audio controls, your browser does not support the audio element
</audio>

Then replace this Your-Copied-Google-Site-URL-Here with the link of audio file you copied in the earlier step.  Publish your post and you are done. 

This was all about adding audio file. I am sure it would have been proven helpful for many of you out there. Lend your queries in the comment box, I shall get back to them and will try to resolve your issues.

Was it helpful? If yes, then don’t forget to share this article with your other friends and circle too. You may never know that your share may be proven helpful for many of the users out there. 

Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

18 comments

September 26, 2015 at 6:13 AM

Excellent post

March 9, 2016 at 10:13 PM

thanks, that was indeed very helpful

March 18, 2016 at 4:56 AM

Wonderful, Thanks a Lot,
How can I loop the sound to create a music background?

Editorial Team MOD
March 18, 2016 at 12:11 PM

Will write a tutorial on it soon!

April 12, 2016 at 8:52 AM

Ooooooo thank you :), this was wonderful and so easy.

May 20, 2016 at 6:17 PM

Thanks

June 3, 2016 at 6:48 AM

I cant make it please any body help me please

June 7, 2016 at 9:09 PM

Thank you so much for writing about this tutorial! I was struggling on how to do it but now I've got it, thank you very much!

June 24, 2016 at 8:21 AM

Can my audience download the audio file?

July 8, 2016 at 8:14 AM

tanq for the post. :)

August 8, 2016 at 5:29 PM

i followed the above step and one after the other but when i wanted to review my page b4 posting it loaded halfway on preview page so i could not play. so i did not publish. Will like to listen first before publishing pls help

August 16, 2016 at 4:25 PM

Thank you very much! This was extremely helpful.

October 12, 2016 at 1:42 AM

waaawuuu....
Thanks a lot am happy for this .

March 3, 2018 at 4:52 AM

If i should say this article useful, it is an under statement... It is fuckily useful to me...I've been looking for knowledge like this..
Thank to the author

March 3, 2018 at 1:45 PM

Helpful bro. Tnx for the info

March 5, 2018 at 5:25 AM

how to make it not downloadable or remove download button?

March 31, 2018 at 4:44 AM

Thank you so much you really helped me a lot

April 18, 2018 at 11:13 AM

This works perfectly with chrome. However, I can't get it to work with IE11 or Edge. Any thoughts? I have mp3-files.

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.