Add Mp3 Music Player in Blogger

music-playerToday's player is much different from the music mp3 player I previously shared. It created by alsacreations and provided for free use. It is called Dewplayer, which is a smart easy to use flash mp3 player that comes in different sizes and shapes. You can create a beautiful playlist in your blogger blogs with it and with a professional look. I personally liked it a lot! Turn off the music below and lets try this new discovery.

How To Add Music Player To your Website?

1.  First you need to download this file: DewPlayer Bundle
2.  Unzip the file using winrar or winzip
3.  Now you can see a lot of files in it. I have compressed the popular types as shown below.
music player types
In this tutorial we will learn to create all types accept the playlist as I will be writing a more detailed post on it tonight. Select your favorite player and upload it (swf file) on a free hosting website along with your mp3 file.
4.  Now you just need to copy and paste anyone of the codes below inside your blogger posts, sidebars, anywhere you want.
PS: In each case below replace the highlighted text with the swf file link of the Player and replace MBT.mp3 with the mp3 link. For more options you can visit and create it using their tool or of course you can call me for help :d
<object type="application/x-shockwave-flash" data="dewplayer-mini.swf" width="160" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-mini.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>
<object type="application/x-shockwave-flash" data="dewplayer-classic.swf" width="200" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-classic.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

<object type="application/x-shockwave-flash" data="dewplayer-multi.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-multi.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

Multi Rect:
<object type="application/x-shockwave-flash" data="dewplayer-rect.swf" width="240" height="20" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-rect.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>

<object type="application/x-shockwave-flash" data="dewplayer-bubble.swf" width="250" height="65" border="0" id="dewplayer" name="dewplayer"> <param name="wmode" value="transparent" /><param name="movie" value="dewplayer-bubble.swf" /> <param name="flashvars" value="mp3=MBT.mp3" /> </object>


If you get into a problem then do not hesitate to post your query. Would be a pleasure to help you. I just hope you find useful and easy to implement. I will be publishing several other types of Music players soon in my future posts inshAllah. Have Fun Folks!

Need Quick Help within 24 Hours? ASK NOW

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

43 comments : Post Yours! Read Comment Policy ▼
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.

  1. Replies
    1. Thank you for your blog.Really thank you! Fantastic.

      Best Place For Top Tricks -

      Online Earning,Blogger tricks and tips,blogger widgets,Seo,wordpress tricks,Tips and Tricks, and More

      Best Place For Top Tricks -

  2. This comment has been removed by the author.

  3. This comment has been removed by the author.

  4. @Chintha

    What could be more clear than this buddy? Where are you facing problem? Would be a pleasure to help you.

    Kindly do not ask off topic questions. I will send you the template soon pal.

  5. how to add many mp3 files on it??
    It is better to add live demo!! :D

  6. This comment has been removed by the author.

  7. :D hey thank u mustafa.. i've done can't be more simpler..Guys just download dw bundle, select .swf file u want, upload it.. and use "direct urls" not html coded one. now upload mp3 and again use direct urls,not html coded. and if u want to add more then one mp3, just use it as http://your server/files/12345_abcd/songname.mp3 |
    http://your server/files/12345_abcd/songname.mp3

    simple.. i mean separate mp3 links with pipe (|)
    headache khatm hogea. Thanks once again dear :)

  8. @iwayans

    I have already shared a demo buddy however I will publish the playlist version today.


    Oh wow cool bro. Did that separator thing work? That's even new to me. :d

  9. @Mohammad Mustafa Ahmedzai

    :D yes it did, i read it in official site (about separator) , and its working you can check it in my blog . off topic to nahi hoga if i tell u I've given u credits for all your effort in my blog. thank u so much, comment box,music player,contact form. I've done everything following ur tutorials.thanks again, Allah bless u :)

  10. I uploaded my mp3 to a site and got these:

    1) [url=]04 Track 04 6.mp3[/url]

    2) 04 Track 04 6.mp3

    3) [url=]04 Track 04 6.mp3[/url]

    4) 04 Track 04 6.mp3


    Which of these is the swf file... and which is the mp3 link???

    Also... where is the code for the 'playlist'?

  11. @sahil

    You are always welcomed bro. :>


    First download the file shared in the post above : Click Here

    In your windows turn your folder view to Details and you can easily identify which one is swf.

    Upload swf file to and also your mp3

    Then follow the tutorial above.

    Forget about

  12. can u plz post the code for playlist player type

  13. how to upload swf file . your web site is not open , it give page not found error tell me how to open that site. plz

  14. dat means we have to upload both in swf format and mp3 formats???

  15. i tried dew player follwing ur instructions..i've Checked preview in scrapbook song is playing and player is also visible but while posting its not going showing a messaage like "This rich-content scrap was not posted. Find out why " what to do =/

  16. I agree! But I do consider HTML5 to be more than just the spec that the W3C validator checks your document against. Part of html5 media playerinvolves standards for bolt on technology including web workers, CSS3, server sent events, etc. that are going to (I hope) revolutionize the web and do away with the need for 3rd party browser plugins

  17. Hii..if we have multiple mp3 file then how to put all mp3 file on your given code?you have put all code even on multi player also for one mp3 file..value="mp3=MBT.mp3"-->if i want three mp3 file then how to put here all?thanks..

  18. is there a way to have the audio play automatically?

  19. Thank you for the thoughtful review. The main advantage of youtube html5 playerseems to be for embedding rich media such as audio and video in modern browsers. Although, the structure elements seem to be useful. CSS3 seems to be headed in the right direction, leaving many possibilities for implementation and creativity,

  20. I like the new look of thehtml5 video player Player is faster is better and my slow computer with crappy video card will not got slow anymore, nice job you guys!

  21. I am exicited about HTML5 but Flash can do all these things html5 can do in a better way.Creating slideshow in HTML5! wow! what, flash did that 10 years ago! It is very easy to create a flash animation, for example a ball bouncing in flash professional in less than am minute. Javascript is a mess when compared to AS3.

  22. hello sir can you help me plzzz my problem is blogger adsense not active i also many try but not solved so plzzzzz guide me

  23. too good piece of information, I had come to know about your site from my friend sajid, bangalore,i have read atleast 11 posts of yours by now, and let me tell you, your web-page gives the best and the most interesting information. This is just the kind of information that i had been looking for, i'm already your rss reader now and i would regularly watch out for the new post, once again hats off to you! Thanks a lot once again, Regards, photoshop

  24. Adding mp3 player and music file to the blog or site will really make site very different and nice . Thanks for sharing such a useful piece of information.
    mp3 songs

  25. i have downloaded the file but after download that file i have to upload it to blogger or what....can you plz explain me with video or anything that is easy for me...
    Thank you

    1. uplaod it on

  26. please upload a video of this tutorial bro......

  27. assalamu alaykum

    dear sir mohammad

    multi mp3 player kis tarah muje samaj me nahi aa raha hey please aap muje mail kijiyena step by step ya vidio tutoruial

  28. i use dropbox for storage mp3

    but how i create a xml file dear please help

  29. You can add mp3 music player in blogger read to know more
    CD printing

  30. things have become easy and superfast. All at your fingertips
    DVD replication

  31. This comment has been removed by the author.

  32. Nice information, There is obviously a lot. Your points are very valuable and knowledgeable. Thanks for sharing this great blog with us.
    CD multimedia storage

  33. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up. Keep blogging. Looking to reading your next post.
    CD replication

  34. Bhai g.........
    ye MP3 file uploaing k liye koi site bata den.....

  35. hi dear thnx for u effort.
    i cant opent that dono y.
    can u plz name alternative free site so i can upload my mp3 nd swft files. thank u so much :)

  36. thank you MBT !
    with much love

    Adu Alex.

  37. movie not loaded, can you provide the same with much simple player, so that it will load quickly .