[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmmEZYi1H82bcncUL88UQArcDYzSz-1Cr9tV4Hp1375ImqmYSHidJ9ne1LGVwU2mTAj7cKna-E2GJcWvmsIBmuyS8Sco9yErTKcWDpncPnpI_FzG70fUXGMmO-6uItBt91V4E-ENQGY8/s1600-h/music-player%25255B8%25255D.gif"]
[/a]Today's player is much different from the [a href="http://www.mybloggertricks.com/2009/11/customize-color-scheme-of-wordpress-mp3.html" target="_blank"]music mp3 player[/a] I previously shared. It created by [a href="http://www.alsacreations.fr/dewplayer-en" target="_blank"]alsacreations[/a] 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: [a href="https://sites.google.com/site/mybloggertricks/Home/dewplayer.rar?attredirects=0&d=1" rel="nofollow" target="_blank"]DewPlayer Bundle[/a]
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.
[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUd4rXHQii1CEYaaC3MlAvB3yao4x0Q4wy96eaDM-r50h7Rc0rwz9NviFT7VrdRRS66pS_kTqTo0X7btE8wFnKj8sisEXTmjjnbAiaxymY1wNjDBSUQBVvQMjJNgxgxkWImBRDIfBziYs/s1600-h/image%25255B3%25255D.png"]
[/a]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 [a href="http://www.alsacreations.fr/dewplayer-en" rel="nofollow" target="_blank"]tool[/a] 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!
Source: http://www.mybloggertricks.com/2011/07/add-mp3-music-player-in-blogger.html
0 comments :
Post a Comment