How to Add MP3 Player in Blogger and WordPress Easily

Hi to all in this article I am going to tell you about one of the main thing to attract visitors and to get good engagement to your post i.e. add MP3 player in blogger and WordPress.

By adding MP3 in your website, you can attract new visitors and you can increase your earnings easily by adding this player in your blogger website or WordPress website.

Now we will see how to add mp3 player in blogger and WordPress in some few simple steps.

• Must Read: Best anti AdBlock detector killer script for blogger

Add MP3 Player in Blogger [ inside Page or Post ]

---

Step-1: First of all you need to login to your blogger website.

Step-2: After login you need to click on post or page.

Step-3: Now create new page or new post.

Step-4: Paste the below provided code in your blogger page or post.

Step-5: You need to open google drive and upload your mp3 file in drive and click on everyone can see and copy the mp3 file link.

Step-6: Now you need to paste that mp3 URL copied from drive in SRC.

Step-7: Now publish your page or post and you can listen the mp3 from you blogger website.

Step-8: Likewise you can add different mp3 URL links in the below provided code and can publish in your posts or pages easily in just few minutes.

• Must Read: How to Add Disclaimer Page in Blogger & WordPress

Add MP3 Player in Blogger [ Inside the Home Page ]

Step-1: First of all you need to login into your blogger dashboard.

Step-2: Select your website in which you need to add this mp3 player.

Step-3: After selecting the website you need to open layout of that website.

Step-4: Now you click on "Add a Gadget" option.

Step-5: Click on "HTML / JavaScript" option.

Step-6: Enter title of the gadget and paste the below provided code in the content tab and click on Show this Widget and then Save the gadget and place where ever you need to show this mp3 player

Step-7: You need to open google drive and upload your mp3 file in drive and click on everyone can see and copy the mp3 file link.

Step-8: Now you need to paste that mp3 URL copied from drive in SRC and click on save, now your gadget is successfully saved, now you can visit your website homepage to check whether this mp3 player is visible or not.

• Must Read: How to Add Schema markup in Blogger & WordPress

Add MP3 Player in WordPress

Step-1: First of all login to your WordPress website dashboard.

Step-2: Open Media and select Add New.

Step-3: Now upload the mp3 file in the media section.

Step-4: After uploading in the media section of WordPress you have to click on the file and copy the link of the mp3 file.

Step-5: You need to create a new post or new page and add the below provided code in that.

Step-6: Now paste the link copied from the WordPress media in side the SRC.

Step-7: After pasting the link, you need to click on publish button.

Ste-8: Now you have successfully added mp3 player in your WordPress website. 

MP3 Player Code for Blogger & WordPress

<br> <center> <audio controls> <source src="url.mp3" type="audio/mpeg"> </audio> </center> <br>
Copy

Demo Video

Conclusion