Adding an mp3 player to blogger becomes easy after HTML5 release. A light weight web music player with capability of audio controls and playback. Make music sharing website with Blogger and add HTML5 audio player in blog. Embed an audio player to blogger post for music sharing. Learn how to add music player in blogger Gadget.
When Words Fail Music Speaks. Energetic music can boost blogs visitors.
Add Music Player to Blogger Post:
HTML5 player has a vast variety of controls (play, pause, volume, seek bar). Below are the steps on how to embed Mp3 Music Player in blog posts.
- Login to your Blogger Account and click on
- Your interface will be opened for creating post.
- Click on HTML tab see in screenshot.
- Now paste the below music player code to your edit box.
Mp3 Player HTML5:
<audio controls=""> <source src="your_Song_URL" type="audio/mpeg"> </audio>
Change your_Song_URL with proper mp3 song URL. See the Demo of Music Player in Blogger Posts.
Background music can also boost your traffic. Either a visitor will engage with website by music. Keep them stay connected helps to reduce bounce rate of website.
Music Player in Sidebar Gadgets:
You can choice yourself where to add your melody player in blog. You can add music player in blog post described above. Either you can add Music player gadget in blogger sidebar. Steps to add music player in sidebar of your blogspot blog.
- Open your blog and click on
Layoutin the sidebar.
- Click on
Add a Gadgetin the sidebar and select
- Paste the below code to add a mp3 music player in sidebar. Change your_Song_URL with proper mp3 song URL.
<audio controls=""> <source src="your_Song_URL" autoplay="true" type="audio/mpeg"> </audio>
Note: if you want song or music never play automatically, set