HOW TO ADD DOWNLOADABLE AUDIO FILES TO BLOGGER

One nagging theme that consistently bothers Blogger users is the lack of storage available for file types other than images and videos when attempting to expand your blog. I don't know how many times I've seen users asking for upload storage for PowerPoint slides, PDF files, databases, etc. Probably the single most popular request is "how can I upload a MP3 file to Blogger and embed it in a flash player?" without some odd widget or custom call-out.

The reason why the MP3 request is called out so often is mainly due to the desire to have either music or podcasts directly embedded in your posts.

What many Blogger users don't realize is that by registering as a Google user, you have many of their tools at your disposal--including the not so obvious ability to utilize free Google storage (which translates directly to the ability to upload MP3 files).

Now, uploading a MP3 file to Blogger is not a direct upload through the Blogger interface but is very easy with just a few steps to get you there quickly. So, let's get started!

Step 1: Creating a Google Site for MP3 Storage

So, just what is a Google Site? Sites is a free website building tool that Google picked up as an acquisition some years back. It is not overly popular but does have some interesting capabilities. You can use it as a standalone tools to build full, mostly static websites without any hosting fees. In our case we're only using it as a background placeholder.


The first thing you're going to want to look for is the Google Sites menu item. It is a bit hidden under the More menu selection as shown here:

Simply go ahead and choose 'Sites' to get started. You're really not going to use the site builder to build a full website at this point (though you could if wanted), just utilizing some of the storage functionality that Google provides with this tool.

Select the menu button 'CREATE' to make a background site for your Blogger blog:

This will lead you to the next page that will allow you to name your site and associated themes if you want. The key at this point is to just use the default 'Blank Template' that is preselected. I like to use the name 'media' or 'mediafiles' if my goal is to have Blogger use MP3 music or podcasts:

Go ahead and press 'CREATE' to have Sites kick off the website build. In a second or two you should see something like this which is the left pane of the newly created website:

You now have the website shell ready to land your MP3 files. But, the default pages are only static ones at this point without any ability to upload or store files. For the last phase of this Part 1 you need to create a certain type of webpage called a 'File Cabinet'.

Creating the Blogger MP3 File Cabinet

The next step is adding a web page to your site. Go up to the far right menu item in Sites and select the 'New page (c)' icon button:

You'll be prompted with a page setup dialog that will need to 'Name your page:' and set the page type like so - be sure to use the numbered order to setup the page correctly. I prefer to create a File Cabinet page called mp3 to set the file types. You can call it whatever makes sense to you:

Go ahead and press 'CREATE' to build the new webpage. Your site should return looking something like this:

You've now created the needed shell to get your MP3 files to some free storage from Blogger. Before you start working with this site, however, you need to follow one last step - setting the visibility of the webpages to be Public.

In this upper right menu choose the 'More' dropdown button to select the 'Sharing and Permissions' option:

Once you've selected it, you'll be in the Manage Site section. You'll want to select the visibility permission to allow these pages to be fully 'Public on the web' like so:

Done!! You're now ready to start using Google Sites for your Blogger MP3 files!  

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.