In this tutorial you will learn how to insert an mp3 file on your blog post using the simplest way possible. It is a great feature for musicians and podcasters that want to show off their work using Blogger.
Step 1 – Preparation
For this tutorial you will only need a hosted mp3 file (The hosting service is up to you, I recommend Archive.org for podcasters, but make sure you read their terms and conditions before uploading any file.).
Step 2 – Installing the script on your template
Go to your Blogger Dashboard > Layout > Edit HTML
First of all, make sure you have saved a copy of your template, it will keep you away from any kind of head ache related to your blog.
Now look for the line </head> and paste the following code right before it.
It will be the one who will take care of including the mp3 players automatically whenever you paste a link referencing a .mp3 file.
Note one more detail: var paramplayerflash=1;
This line will be used to choose between 8 different players, the one that will fit better your website.
You can set numbers here from 1 to 8 and see what it looks like.
Now save your changes, and this step it done.
Step 3 – Using the script
Now that we have installed the script, it will works automatically whenever you paste a link to the mp3 file on your blog. It should look like below.
And should work like below:
Using Different Players
If you would like to choose a different player for a single file, just ad the id=”player #” directly on your link, note that the number can be from 1 to 8, check the examples below:
I think this is a great feature for musicians and podcasters that may need to include their audio files on blogs. I hope this will be useful for many Blogger users.
The script used in this tutorial as made by Abu Farhan and I have proper permission to use it in this tutorial.
If you have any question or suggestions about how this post can be improved, do not hesitate to drop a comment below. For further information please contact us.