Embed an MP3 Player on Your Blog the EASY Way!
Adding MP3s to Your Blog or Website Couldn’t Be Easier!
After helping a friend install an MP3 player on her website I have learned it’s not as easy as it looks… or is it?
I’m sure you have all seen them. Those cool embedded flash MP3 players that people have on their blogs and myspace pages. I thought that adding one of these to a website or blog would be a piece of cake based on all the embedded code and widgets for blogs out there.
Well starting out not knowing much about where to look I came to realize this was actually much harder than it looks. I messed around with different Wordpress Widgets and code I could embed on a site with no luck.
All the plugins were to complicated to use, or they didn’t work properly, They all used of hand made xml, or xspf playlists and required the user to know a fair amount of code to get them installed properly.
Then I stumbled across a great option which provides a really easy way for users to create your own embedded Flash MP3 player for your website. You can easily do this by using a free tool provided by My Flash Fetish .com, that allows users to create and customize your own flash MP3 player and playlist for use with your blog, myspace, website, etc.
First go to www.myflashfetish.com. To create an embedded player you will need to signup for a free account so you can save your playlist of music. Once you are signed up, click on the “MP3 Playlist” tab in red. This will give you a choice of what you want your player to look like.
Select a player, and it will take you to a screen where you can customize the players options. On the left hand side you have options for Colors, Styles, Skins and Settings. These are pretty self explanatory, and let you customize the look of your player even further.
Some players have “Styles” that allow you to add animated effects to your player which can look pretty cool.
Once you have the look and feel setup use the “MP3 Search” box to the right to find songs for your playlist. My Flash Fetish seems to access a ton of different media networks for their music which gives you almost unlimited options for choosing your songs.
I have setup 25 different songs and genres in the example player above to give people an idea of just how varied the music choices are through the search feature.
Once you have setup a playlist of custom songs you can enter a name for your playlist in the box below and click the green button to save your settings for the mp3 player along with your song playlist.
(Also note the options for shuffle and autoplay near this box, as this can offer specific functionality for how you want your player to work.)
Once you have saved your player you will be taken to screen that shows you the code. There is a copy button near the code on the left hand side that will copy the code you need to add to your site.
Once you have copied the code, paste it into any HTML compatible social network or profile to show off your new MP3 player. For those who are familiar with HTML code you can edit the copied code to strip out some of the unwanted links that appear below your player.
There you have it! You now have a fully functional, really nice MP3 player for your website or blog. Now you can show off your great tastes in music to all of your friends.







February 3rd, 2009 at 4:33 am
Is it compatible with Wordpress?
February 3rd, 2009 at 10:22 am
Yes, you can take the code that is generated for your custom player an embed it either directly into a post through the HTML section of the editor or use the “text” widget to add the player to your sidebar. Depending on the width of your sidebar you will need to either adjust the size of the player through the generated code (look for the “width” properties) or pick a different style player that will fit better. Good luck!
(I recommend a great little plugin called “Embedit” for adding embeded tools to your posts so they do not break when you edit the post through the WYSIWYG editor. It can be found at the link below.)
http://www.matteoionescu.com/wordpress/embed-html/
March 3rd, 2009 at 11:50 pm
very useful.. Salute..
April 10th, 2009 at 1:55 am
Thanks for the tip! It works great on blogger.