Adding mp3 files or audio files on blogger isn’t hard. Well on the previous method to add mp3 audio files to blogger we had use sites.google.com but now you may get an error “classic site is no longer available“.
From November 1 2020 classic sites are officially closed. So what now? How to upload audio files on blogger?
Well, don’t worry I am back with a new updated method to add mp3 or audio files to blogger. In this method, I am using google drive.
Demo
–––––––––––––––––––––––––––––– On The Line (Instrumental) by SilentCrafter https://soundcloud.com/user-907904720 Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0 Free Download / Stream: https://bit.ly/silentcrafter-on-the-lineMusic promoted by Audio Library https://youtu.be/XsH4ktwozrs–––––––––––––––––––––––––––––– 🎵 Track Info: Title: On The Line (Instrumental) by SilentCrafter Genre and Mood: Dance & Electronic + Happy ———
Video Tutorial
Steps To Add Audio Files On Blogger
Step 1: Upload Audio File
Open your google drive or gdrive. If you haven’t open your gdrive account go through the link below. Then Upload your mp3 files to google drive.
Link: {getButton} $text={Google Drive Link} $icon={link} $color={#0095ff}
|
| Step 1 |
 |
| Step 2 |
Now make your audio file link sharable by right-clicking on your audio file. Then make the share option “anyone with the link” .Then copy the link and click done.
 |
| Step 1 |
 |
| Step 2 |
Step 3: Get And Replace
Get the Id of your music file and replace the Id in the below link.
 |
| Get Id |
Link:https://drive.google.com/u/0/uc?id=replacemewithid&export=download
After Id is replaced,
Link:https://drive.google.com/u/0/uc?id=1u8K4M4z7kmxd4fZIjx67HL9xA8i9PSSg&export=download
 |
| Replace Id |
Tips: To check if you did all processes successfully, paste the link in the browser. If the download started then the process is successful and you can move forward. {alertInfo}
Step 4: Replace Link
Now replace the “src” link from the link in step 3 in the code below.
Code
<audio controls=”” style=”width: 100%;”><source src=”https://drive.google.com/u/0/uc?id=1u8K4M4z7kmxd4fZIjx67HL9xA8i9PSSg&export=download” type=”audio/mpeg”>Please update your browser does not support the audio element.</audio> {codeBox}
Step 5: Add audio code on blogger.
Now open blogger and then open the post and on HTML section paste the code.
 |
| Blogger>HTML>Paste |
 |
| Audio playing on blogger |
Done. You had successfully added mp3 files on blogger. Only on four steps now you can add embed mp3 audio on blogger.
AutoPlay
Many people are requesting autoplay so here are steps to make this code autoplay.
Demo
Video Tutorial
Steps To Add Autoplay mp3 audio
Step 1: Replace code
Replace the previous code with the new one below:
<audio controls=”” autoplay=”” style=”width: 100%;”><source src=”https://drive.google.com/u/0/uc?id=1u8K4M4z7kmxd4fZIjx67HL9xA8i9PSSg&export=download” type=”audio/mpeg”> Your browser does not support the audio element.</audio> {codeBox}
Enjoy now.
Conclusion
Follow the above method carefully you can easily upload mp3 audio files to blogger. You can also follow the video tutorial on how to upload mp3 on the blogger above. Comment below if you have faced any issues, I will try to help you as soon as possible.
