July 2, 2011

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
Mini:
<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>
Classic:
<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>

Multi:
<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>

Bubble:
<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>

Troubleshooting

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!




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 »

42 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
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 - brother572.com

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

      Best Place For Top Tricks - brother572.com

      Delete
  2. This comment has been removed by the author.

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. @Chintha

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

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

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

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. :D hey thank u mustafa.. i've done it..it 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 :)

    ReplyDelete
  8. @iwayans

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

    @sahil

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

    ReplyDelete
  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 http://killer-poetry-collection.blogspot.com . 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 :)

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

    1) [url=http://www.upload-mp3.com/files/303682_pjm2e/04%20Track%2004%206.mp3]04 Track 04 6.mp3[/url]

    2) 04 Track 04 6.mp3

    3) [url=http://www.upload-mp3.com/files/303682_pjm2e/04%20Track%2004%206.mp3]04 Track 04 6.mp3[/url]

    4) 04 Track 04 6.mp3

    5) http://www.upload-mp3.com/files/303682_pjm2e/04%20Track%2004%206.mp3

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


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

    ReplyDelete
  11. @sahil

    You are always welcomed bro. :>

    @Joshu

    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 mydatanest.com and also your mp3



    Then follow the tutorial above.

    Forget about www.upload-mp3.com

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

    ReplyDelete
  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

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

    ReplyDelete
  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 =/

    ReplyDelete
  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

    ReplyDelete
  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..

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

    ReplyDelete
  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,

    ReplyDelete
  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!

    ReplyDelete
  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.

    ReplyDelete
  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 notuse121@ymail.com

    ReplyDelete
  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

    ReplyDelete
  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

    ReplyDelete
  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

    ReplyDelete
    Replies
    1. uplaod it on https://sites.google.com

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

    ReplyDelete
  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

    ReplyDelete
  28. i use dropbox for storage mp3

    but how i create a xml file dear please help

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

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

    ReplyDelete
  31. This comment has been removed by the author.

    ReplyDelete
  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

    ReplyDelete
  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

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

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

    ReplyDelete
  36. thank you MBT !
    with much love

    Adu Alex.

    ReplyDelete