How to Upload a Voice Recording to Blogger

Blogger is 1 of the CMS platforms simply at that place are a lot of drawbacks on blogger. You cannot upload an audio file or an mp3 file on the blogger. But today I volition teach you the best 2 methods to embed or add audio to the blogger. Today you will be going to acquire how to upload mp3 on blogger.

I will exist going to explain two methods to embed your audio file to blogger easily in few steps. Simply before I go started allow's show you lot 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 iii.0 Unported — CC BY-SA 3.0 Gratis Download / Stream: https://scrap.ly/silentcrafter-on-the-line Music promoted by Sound 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 at-home. So I utilize audio directly from youtube.

Video Tutorial

Let's commencement with the things that we required.

Things Required

• Blogger site.
• Sites.Google.
• Some costless hosting provider.
• Uncomplicated HTML Code.
• Music File in mp3 format or obb format.

I already told yous that today I am going to show you ii methods to add audio files to blogger.

Note: The first method is expired from November ane, 2020.

Follow this new method which is easier and the link is below:

Link: How To add audio mp3 files to blogger [ updated ]

First Method to add together mp3 histrion to blogger

Here we are using sites.google.If you lot 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'south motility forward to the procedure of embedding mp3 or audio to blogger.

Step1:Get to sites.google.com.

Link: Click Me

Step2: Yous 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 come across this blazon of site.

Step4: At the left side click on "create".

Step5: Now, click on "classic sites".

Step6: Now again you volition see this type of screen. Just follow me.

Step7: Fill up 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: At present you redirect to this screen,its's time to create a page.

 Step10: Proper noun your page anything and hit "create".

Step11: Then you redirect to this page.




Step12: Click on "Add together 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 tiptop.

Step16: Now, right-click to the download button and click on the "re-create link address".

Step17: Let'southward get to the blogger post where you want to insert an sound file . Switch to the HTML mode.

Step18: Then copy the code beneath and paste it to a blogger at first.
Code:

                                  <audio controls>                    <source src="                  replace with your copied url" type="sound/mpeg">                  Please update your browser does not support the audio element.                  </sound>                    lawmaking-box                                                

Step19: Paste the code nosotros take from the sites.google.com.Like in the example below between the [src " " ].

Step20: Publish your post at present you lot volition see working music player to blogger like below.

 2nd 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 yous may take problem so y'all can follow this 2d method to embed audio files to blogger.

If yous don't know then I will tell you in that location 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.

Permit'due south get-go with the stepwise process.

Step1: Go to the 000webhosting or link below.
Link: Click Me.

Step2: Yous volition see the site like above , then at the correct 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: Afterwards 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 lot will be going to see the upload button, click on "Upload Files".

Step10: At present to this site of the file manager.

Step11: Open "public_html" folder.

Step12: At the peak click on the upload push.

Step13: Then click on the "select files".

Step14: Afterwards selecting mp3 files striking on the upload button to upload your mp3 audio file.

Step15: You tin encounter my audio file is successfully uploaded.

Step16: Now right-click on the audio file in my instance I got "demo.mp3" and hit on the "view" .

Step17: Re-create the URL of that file at the peak.

Step18: Now go to the blogger screen and in that location replace your site.google.com link with your copied link as the example beneath.

Lawmaking:

                                  <audio controls>   <source src="supercede with your copied url" type="audio/mpeg"> Delight update your browser does not support the audio element. </audio>                    lawmaking-box                                                

Step19: Publish your blog post you will going to see the working music player to your post.

Effort information technology. It works perfectly.

Upgrade Responsive Sound Player To Blogger

Get-go, replace the beneath lawmaking:

<audio controls="" fashion="width: 100%;"> <source src="https://sites.google.com/site/musicstorenepali/musicstore/demo.mp3?attredirects=0&amp;d=1" type="audio/mpeg"></source> Please update your browser does not support the audio element.</audio> lawmaking-box

FAQs

1. How practice 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 mail?
Create a archetype site to google site and add your mp3 file so embed audio file to blogger.

3. How to add mp3 player to blogger?
To add mp3 player to blogger yous need the source of audio and the audio HTML code to embed to your web log post.

4. How to add audio file to blogger post?
Blogger does not have any option to add sound so we demand to embed audio using HTML code.

Decision

If yous are searching for the music thespian for your lyrics or music blogger then you may become my mail helpful. If y'all recollect 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.

whisenanttere1995.blogspot.com

Source: https://www.pkbaniya.com.np/2020/05/how-to-upload-mp3-on-blogger.html