How To Add Mp3 Audio Files On Blogger [ Updated ]

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?


{tocify} $title={Table of Contents}


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-line Music 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}


how to add mp3 audio files on blogger
Step 1



upload audio file to blogger
Step 2


Step 2: Make Link Shareable

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.


add mp3 audio files to blogger
Step 1


new updated method to add mp3 or audio files to blogger
Step 2



Step 3: Get And Replace

Get the Id of your music file and replace the Id in the below link.

upload mp3 audio files to blogger
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


how to upload mp3 on the blogger
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&amp;export=download" type="audio/mpeg">Please update your browser does not support the audio element.</audio> {codeBox}

how to upload mp3 on blogger


Step 5: Add audio code on blogger.

Now open blogger and then open the post and on HTML section paste the code.

embed mp3 audio on blogger
Blogger>HTML>Paste



upload mp3 audio on blogger
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&amp;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.

2 Comments

Post a Comment
Previous Post Next Post

Featured Posts

Blogger-Tricks