Add HTML 5 MP3 Player in Blogger

Click Below Ad for Leaning Blogging Tricks.

Next Blogger Tricks

Today I am going to share How to add mp3 player in blogger it is very simple and easy to add this widget in your blog This widget specially for your blog about song,music,movies and its related that it would be cool to play music automatically when your visitor entered your blog

Also Read:-How to Remove Attribution Widget in Blogger

This Widget Comes with feature like adjusting volume controller, Play ,pause Button,etc This widget compatible with all browsers like IE, Chrome, Safari, Firefox etc

Live Demo:-

Click To Play Button for listing music
How to Add HTML 5 MP3  Player in Blogger:-

• Go To Blogger Dashboard>>Layout>>Add Gadget
• Choose HTML/ JavaScript Gadget
• Copy the below code and save it. (Any one of 3)

Code for Normal MP3 Player

<audio controls="controls"><source src="softwayrko.blogspot.com" autoload="true" autoplay="true" hidden="true" type="audio/mp3" /></source></audio>

Code for play Automatically

 <audio controls autoplay="controls"><source src="softwayrko.blogspot.com" autoload="true" autoplay="true" hidden="true" type="audio/mp3" /></source></audio>

Code for Play again and again {Looping}

 <audio controls loop="controls"><source src="softwayrko.blogspot.com" autoload="true" autoplay="true" hidden="true" type="audio/mp3" /></source></audio>

 Customization

• Replace the softwayrko.blogspot.com with your mp3 URL
• The URL end with .mp3

Final words

If you have any problem to add html 5 mp3 music player to your blog or have any other questions then leave a comment . Don't forget to share this post with your friends in social networking site and click on like button. htanks