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 »

22 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. This comment has been removed by the author.

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

    ReplyDelete
  3. @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
  4. :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
  5. @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
  6. @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
  7. @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
  8. can u plz post the code for playlist player type

    ReplyDelete
  9. 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
  10. dat means we have to upload both in swf format and mp3 formats???

    ReplyDelete
  11. 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
  12. 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
  13. is there a way to have the audio play automatically?

    ReplyDelete
  14. 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
  15. 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
  16. i use dropbox for storage mp3

    but how i create a xml file dear please help

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

    ReplyDelete
  18. 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
  19. thank you MBT !
    with much love

    Adu Alex.

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

    ReplyDelete