Wednesday, March 23, 2011

How to create a MP3 Player for your blog webpage

I have had many blogger ask me to explain how to embed a Mp3 player into their blog, as they would like to expose their music by creating a playlist of their music. Other bloggers need a way to have a welcome voice over on their webpages and blogs. However this is not advised as most people dont like any voice over on a webpage, its not good business ethics and can alarm other people around you. However i feel if you trying to promote yourself and expose yourself on a blog, then this is the best way to create a mp3 virtual player to your blog. If you have a mp3 review site then this could also assist you in your task.

Note: I do not own this music TKO and Beezy-b have rights to this music, They are unsigned artists seeking exposure. Ive used their music as a model to explain how this flash player for blogger works.

Below are examples i will teach you how to create:
 Floating widget Mp3 player- i used this widget code to play a voice over on iclickmate home page. view the home page if you need to see this widget in effect. I dont advise on over using it.

So how do we get the HTML code for an Mp3 player in blogger like the one above.

Step 1: go to/ they host free mp3's that you can upload and get a direct link to use in your widget. Upload the Mp3 you want to use, please note that you should only upload your own music, if its a popular song, then chances are you can find the direct link on the internet, no need to upload.

Step 2: obtain your "hotlink" from and go to
Here you will need to place the "hotlink" from into "Music" then click ok. You may change the picture of the muzicon if you like, aswel as the colour of the music. You are able to change the player layout, so you can use a word or a timeline for the player. Once you have configured the muzicon you must copy the HTML code and and paste it into your blogger post. At the top of new blogger post you will see "compose and Edit HTML" choose edit HTML and place the code where needed.

Step 3: Save and close, now test it.
Flash MP3 player for blogger below will allow you to customize your Mp3 player on blogger more than the above muzicon. This code below will give you a Mp3 player for blogger like the one below...

How to get HTML code for this Mp3 player in flash.
Step 1: go to and upload the file you want, MP3 file and obtain a hotlink from the upolad.

Step 2: copy this code below, notice the letters in PINK re the once you should replace with the hotlink.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=",0,40,0" height="52" width="400"><param name="flashvars" value="audio_duration=DURATION&amp;external_url=" />
<param name="src" value="" />
<param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" width="400" height="52" src="" wmode="transparent" flashvars="audio_duration=DURATION&amp;external_url="></embed></object>

Step 3: Save and close, you are now able to hear the music thats directly hotlinked to your best Mp3 host.

Final Impressions: is the best free host file that offers direct link and hotlink for your hosted files, you may use this host file server for blogger and any other webpage or blog. I find Kiwi6 the fastest speed for free hotlinking, i also find that their servers never go down, considering other servers always go down. This is important, as if the server goes down or crashes then so does your blog and website music or images ect whatever you might have hosted on the free hostfile  server. These two flash players are so far some of the best i have tested, although there will be more players coming to review in the future. Using a flash player for your blog is very nice and pretty, however if you dont use it right then it wont be what you want, and what your readers will enjoy. Never autostart our music, as this will irritate readers and steer them away from your blog. That is why i have not yet showed you how to add music autoplay to your blog, many people hate this feature. For more Tips and TRicks to Customize you blogger and webpage please Visit these great tutorials HERE


Ashley Bennett said...

Thanks for the help on adding the "how to create the mp3 player for the blogs". I needed this on my musicmate. Thanks again wayne

Post a Comment

© 2010 iClickMate
Bloggerized by Wayne Meyer, based on FUNK DESIGN design.