Blogger is one of the CMS platforms but there are a lot of drawbacks on blogger. You cannot upload an audio file or an mp3 file on the blogger. But today I will teach you the best 2 methods to embed or add audio to the blogger. Today you will be going to learn how to upload mp3 on blogger.
I will be going to explain two methods to embed your audio file to blogger easily in few steps. But before I get started let's show you a small demo that I embed audio on blogger post.
–––––––––––––––––––––––––––––– 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 ———
I think audio embedding on site won't get me copyright calm. So I use audio directly from youtube.
Let's start with the things that we required.
I already told you that today I am going to show you two methods to add audio files to blogger.
Note: The first method is expired from November 1, 2020.
Follow this new method which is easier and the link is below:
I will be going to explain two methods to embed your audio file to blogger easily in few steps. But before I get started let's show you a small demo that I embed audio on blogger post.
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 ———
I think audio embedding on site won't get me copyright calm. So I use audio directly from youtube.
Video Tutorial
Let's start with the things that we required.
Things Required
- Blogger site.
- Sites.Google.
- Some free hosting provider.
- Simple HTML Code.
- Music File in mp3 format or obb format.
I already told you that today I am going to show you two methods to add audio files to blogger.
Note: The first method is expired from November 1, 2020.
Follow this new method which is easier and the link is below:
Link: How To add audio mp3 files to blogger [ updated ]
Here we are using sites.google.If you don't know you can create a free site using sites.google in lifetime hosting. But you cannot use google ads on this type of site.
Let's move forward to the process of embedding mp3 or audio to blogger.
Step1:Go to sites.google.com.
Link: Click Me
Step2: You will redirect to those types of screens. Then at the bottom, you will see Classic Sites, Click on "Classic Sites".
Step3: You will be going to see this type of site.
Step4: At the left side click on "create".
Step5: Now, click on "classic sites".
Step6: Now again you will see this type of screen. Just follow me.
Step7: Fill the blanks with your site name (fill anything) and hit on "create site".
Step8: Now, on the right side you see a button to create a page, click on it.
Step9: Now you redirect to this screen,its's time to create a page.
Step10: Name your page anything and hit "create".
Step11: Then you redirect to this page.
Step12: Click on "ADD FILES".
Step13: Now select your music file to upload.
Step14: Now your file is uploading wait for it.
Step15: After uploaded, click on "save" at the top.
Step16: Now, right-click to the download button and click on the "copy link address".
Step17: Let's go to the blogger post where you want to insert an audio file . Switch to the HTML mode.
Step18: Then copy the code below and paste it to a blogger at first.
Code:
Step19: Paste the code we take from the sites.google.com.Like in the example below between the [src " " ].
Step20: Publish your post now you will see working music player to blogger like below.
We upload mp3 audio on blogger with the help of sites.google.com at the first method but some of you may have problem so you can follow this second method to embed audio files to blogger.
If you don't know then I will tell you there are a lot of free hosting providers in the market. Today in this method we need Webhosting. I am using 000webhost.com for our tutorial.
Let's start with the stepwise process.
Step1: Go to the 000webhosting or link below.
Link: Click Me.
Step2: You will see the site like above , then at the right side click on the "sign-in ".
Step3: Sign-in using anythings.I use google to sign.
Step4: Skip some steps choosing anything and at this step click on "submit" without doing anything.
Step5: Now you redirect to this screen, click on "upload your site".
Step6: After that you are at the 000webhost dashboard . Click on the "Manage Website".
Step7: You redirect to this dashboard at the left side, click on the "Tools".
Step8: Then click on "File Manager" .
Step9: You will be going to see the upload button, click on "Upload Files".
Step10: Now to this site of the file manager.
Step11: Open "public_html" folder.
Step12: At the top click on the upload button.
Step13: Then click on the "select files".
Step14: After selecting mp3 files hit on the upload button to upload your mp3 audio file.
Step15: You can see my audio file is successfully uploaded.
Step16: Now right-click on the audio file in my case I got "demo.mp3" and hit on the "view" .
Try it. It works perfectly.
<audio controls="" style="width: 100%;"><source src="https://sites.google.com/site/musicstorenepali/musicstore/demo.mp3?attredirects=0&d=1" type="audio/mpeg"></source> Please update your browser does not support the audio element.</audio> code-box
1. How do I upload an mp3 file to Blogger?
You need to use either sites.google.com or free Webhosting to upload an mp3 file to your blogger.
2. How to add audio or mp3 in blogger post?
Create a classic site to google site and add your mp3 file then embed audio file to blogger.
3. How to add mp3 player to blogger?
To add mp3 player to blogger you need the source of audio and the audio HTML code to embed to your blog post.
4. How to add audio file to blogger post?
Blogger does not have any option to add audio so we need to embed audio using HTML code.
If you are searching for the music player for your lyrics or music blogger then you may get my post helpful. If you think it was a helpful comment below and suggest more to motivate me to bring this type of content for blogger.
Today I hope I teach you how to upload mp3 on blogger or add mp3 to blogger with the stepwise process.
First Method to add mp3 player to blogger
Here we are using sites.google.If you don't know you can create a free site using sites.google in lifetime hosting. But you cannot use google ads on this type of site.
Let's move forward to the process of embedding mp3 or audio to blogger.
Step1:Go to sites.google.com.
Link: Click Me
Step2: You will redirect to those types of screens. Then at the bottom, you will see Classic Sites, Click on "Classic Sites".
Step3: You will be going to see this type of site.
Step4: At the left side click on "create".
Step5: Now, click on "classic sites".
Step6: Now again you will see this type of screen. Just follow me.
Step7: Fill the blanks with your site name (fill anything) and hit on "create site".
Step8: Now, on the right side you see a button to create a page, click on it.
Step9: Now you redirect to this screen,its's time to create a page.
Step10: Name your page anything and hit "create".
Step11: Then you redirect to this page.
Step12: Click on "ADD FILES".
Step13: Now select your music file to upload.
Step14: Now your file is uploading wait for it.
Step15: After uploaded, click on "save" at the top.
Step16: Now, right-click to the download button and click on the "copy link address".
Step17: Let's go to the blogger post where you want to insert an audio file . Switch to the HTML mode.
Step18: Then copy the code below and paste it to a blogger at first.
Code:
<audio controls> <source src="replace with your copied url" type="audio/mpeg"> Please update your browser does not support the audio element.</audio> code-box
Step19: Paste the code we take from the sites.google.com.Like in the example below between the [src " " ].
Second method to add mp3 or audio to blogger
We upload mp3 audio on blogger with the help of sites.google.com at the first method but some of you may have problem so you can follow this second method to embed audio files to blogger.
If you don't know then I will tell you there are a lot of free hosting providers in the market. Today in this method we need Webhosting. I am using 000webhost.com for our tutorial.
Let's start with the stepwise process.
Step1: Go to the 000webhosting or link below.
Link: Click Me.
Step2: You will see the site like above , then at the right side click on the "sign-in ".
Step3: Sign-in using anythings.I use google to sign.
Step4: Skip some steps choosing anything and at this step click on "submit" without doing anything.
Step5: Now you redirect to this screen, click on "upload your site".
Step6: After that you are at the 000webhost dashboard . Click on the "Manage Website".
Step7: You redirect to this dashboard at the left side, click on the "Tools".
Step8: Then click on "File Manager" .
Step9: You will be going to see the upload button, click on "Upload Files".
Step10: Now to this site of the file manager.
Step11: Open "public_html" folder.
Step12: At the top click on the upload button.
Step13: Then click on the "select files".
Step14: After selecting mp3 files hit on the upload button to upload your mp3 audio file.
Step15: You can see my audio file is successfully uploaded.
Step16: Now right-click on the audio file in my case I got "demo.mp3" and hit on the "view" .
Step17: Copy the URL of that file at the top.
Step18: Now go to the blogger screen and there replace your site.google.com link with your copied link as the example below.
Code:
<audio controls>
<source src="replace with your copied url" type="audio/mpeg">
Please update your browser does not support the audio element.
</audio> code-box
Step19: Publish your blog post you will going to see the working music player to your post.
Try it. It works perfectly.
Upgrade Responsive Audio Player To Blogger
First, replace the below code:
FAQs
1. How do I upload an mp3 file to Blogger?
You need to use either sites.google.com or free Webhosting to upload an mp3 file to your blogger.
2. How to add audio or mp3 in blogger post?
Create a classic site to google site and add your mp3 file then embed audio file to blogger.
3. How to add mp3 player to blogger?
To add mp3 player to blogger you need the source of audio and the audio HTML code to embed to your blog post.
4. How to add audio file to blogger post?
Blogger does not have any option to add audio so we need to embed audio using HTML code.
Conclusion
If you are searching for the music player for your lyrics or music blogger then you may get my post helpful. If you think it was a helpful comment below and suggest more to motivate me to bring this type of content for blogger.
Today I hope I teach you how to upload mp3 on blogger or add mp3 to blogger with the stepwise process.