Welcome To "Softway RKO" !

What You Can Get in Softway RKO?

We provide the tutorials, guides, articles, tricks and tips about Blogger, Blogging, SEO Tips, Basic Tips For New Bloggers, Making Money Online, Widgets, Templates and many more resources. All this is just for free! You can Sign Up to get updated for Latest Posts.

Friday, May 30, 2014

Filled Under:
,

Add HTML 5 MP3 Player in Blogger


HTML tutorial

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



0 blogger-facebook:

Comment here

 
  • Home
  • About Us
  • Contact Us
  • Sitemap
  • Privacy Policy
  • Back To Top