How To Add a Flash Mp3 Music Player In Blogger Blog

Advertisements
After reading a real long article, Bloggers often get bored. To increase their energy few blogger interact with their friends while some of them utilizes Social Media. To be honest, the perfect approach of removing your stress is to listen to your favorite songs. The type of song could be anything. However, a pleasant melody literally refreshes the brains of a blogger. Moreover, it provides a new life to a blogger because it clears all the stress that is wobbling in their brains. So, if anyone is looking to install a Melody Player in his Blogger enabled website then, he has arrived to the right place. Today in this article, we will be learning How To Add Music Player in BlogSpot Blogs. 


Why to Add Music Player in Your Website or Blog?

We are sure that lots of people would be confused about adding Melody Player in their website.  For that reasons, before we jump straight onto our tutorial let us first consider few meaningful reasons that why a person should add Music player in his website. 

  • Let us consider a visitor arrived on your site he spend 50 minutes in reading your gorgeous content, because of reading lots of content he got a bit low on energy so to get some entertainment he though to listen to a tune. In this situation, he can utilize your Music Station especially build for Bloggers.
  • While reading articles pleasant background tune could act as icing on the top. The background tune would help the reader to under it quite easily. 
  • Different people add lots of useless stuff in their site, so adding Mp3 Player to a website has no harm. 

How to Add a Music Player to Blogger?

In order to add a Mp3 Player into Blogger enabled website, we have to utilize an external player. The ideal thing about this widget is that it is Free to use. Consider the Following instructions as mentioned below. 

  • Go To Blogger.com >> Layout >> ADD a Gadget.
  • Now from the list Select Add HTML/JavaScript
  • Then in the HTML Text area paste the following small chunk of Coding.
<object type="application/x-shockwave-flash" data="http://mybloggerlab.com/Scripts/dewplayer-bubble-vol.swf" width="250" height="65" id="dewplayerbub" name="Add-Music-Title-Here">

<param name="movie" value="http://mybloggerlab.com/Scripts/dewplayer-bubble-vol.swf" />

<param name="flashvars" value="mp3=Music-File-Here" />

</object>

  • Replace Add-Music-Title-Here  with the Title of your Song file.
  • Replace  Music-File-Here with the Music file. Make sure it is in .mp3 format. You can either upload the song file on your hosting or use Dropbox for uploading purpose
All Done: Once the melody player is made-to-order then Press the Save button to complete. Now go ahead and check your site we are sure it wouldn't let you down.

From the Editor’s Desk:

This widget was demanded by one of our reader, so we tried our best to full fill all his desire needs. We will share more customized Music Player that will also Support Playlist functionality. What are your thoughts about this widget? What is the improvement that could make it better? Take a lot care of your health as winter is coming till then, Peace, Blessings and Happy dancing.
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

31 comments

December 4, 2012 at 6:01 PM

It will affect on page loading time :P is it ???


Regards
Killedars

December 4, 2012 at 7:48 PM

thnx Syed Faizan ...

December 4, 2012 at 7:54 PM

http://dj1sheikh.blogspot.in/ my site

December 4, 2012 at 8:46 PM

play nhi ho rha h song http://djpsk.blogspot.in/

Editorial Team MOD
December 5, 2012 at 2:57 AM

Nopes, it will not going to affect the site speed of your website. Because we haven't use any Jquery or JavaScript file. It is purely built with Flash and SWF which is light weight.

Editorial Team MOD
December 5, 2012 at 2:58 AM

Dude, it is working fine. You have to Install Adobe Flash to view it. Peace

Editorial Team MOD
December 5, 2012 at 2:58 AM

Its our Pleasure that you liked it. Peace

December 5, 2012 at 5:06 AM

Syed bro! My traffic keeps on fluctuating.. please see this image.. and tell me what to do! http://s10.postimage.org/nqz0fx4zt/My_Premium_Tricks.png

mypremiumtricks

Editorial Team MOD
December 5, 2012 at 5:09 AM

Dude, Never Trust on Blogger Stats. Always make sure you use Google Analytics because it displays exactly complete and correct Statistics. Some time Blogger Stats shows wrong Impressions.

December 5, 2012 at 6:15 AM

brother... analytics show wrong stats for my website.. it shows too much low traffic but it isn't that much low... please help! :(

December 5, 2012 at 9:49 AM

Hi Syed,
i have used a templet on my blog www.guidemumbai.com i want to change the background image of this templet can you please help me how to do it.

Rahul

Editorial Team MOD
December 5, 2012 at 9:57 AM

I am Sorry Mate! But i can't agree with you because Analytics is the perfect and most accurate Traffic Checker. I never Trust Blogger Stats. Peace

Editorial Team MOD
December 5, 2012 at 10:01 AM

Yeah Sure Brother, to Change the Background Color of your Template do as Follows.

1.Go To Blogger >> Template >> EDIT HTML >> PROCEED
2.In the template search for the following Image URL
http://1.bp.blogspot.com/-8zM4IJ9cm2U/T9lmxDhI2_I/AAAAAAAAEUc/cXF_7fvoJdk/s000/background.jpg

3.And Replace it with any Image URL that you want to see in your background.

4.Save the Template and That it. Peace

December 5, 2012 at 10:23 AM

thanks syed for so quick response can you please give some site name where i can get good background image basically texture type... and simple one

Editorial Team MOD
December 5, 2012 at 10:26 AM

Well, I Create my Backgrounds with the Help Of Photoshop but You can get ready made backgrounds From the Following URL.

http://www.brusheezy.com/patterns

Take Care. Peace

December 5, 2012 at 10:34 AM

thanks syed a lot can i know what should be the size of image to be used as a background.

December 5, 2012 at 10:40 AM

and if i add a background image and want it to be constant and only blog should move than what to do?

Editorial Team MOD
December 5, 2012 at 11:03 AM

Just Replace Your Image with the Image Link Mentioned above. Don't worry about the Size. The Background Will Repeat Automatically.

March 4, 2013 at 2:41 AM

how to add multi mp3 songs

Ann
April 24, 2013 at 11:08 AM

I want to add one song to one post. Is that possible using the above code?

Editorial Team MOD
April 24, 2013 at 11:50 PM

Yes you can do that Pretty easily.

June 8, 2013 at 4:11 AM

Do I need to replace with the link or how can I upload..???

Editorial Team MOD
June 8, 2013 at 2:48 PM

You can upload it on Dropbox and etc

July 13, 2013 at 1:25 AM

I want to play a song automatically when my blog is opened , is that possible ?

thnx :)

July 19, 2013 at 2:47 PM

How to add a music file???

Editorial Team MOD
July 19, 2013 at 2:57 PM

Upload them on any FREE Hosting like Drop Box and Follow the steps as mentioned in the tutorial above.

Cheers!

RDC
September 17, 2013 at 6:29 AM

I added your code but when I press play button it says "No Mp3 specified", could you please guide me where I am going wrong.
my page is "rdcmusic.in"

Editorial Team MOD
September 20, 2013 at 12:14 AM

You need to Paste the URL of the song you want it to play.

September 27, 2013 at 6:03 AM

I had already make account on dropbox mediafire but its showing no mp3 specified

Editorial Team MOD
September 28, 2013 at 6:13 AM

Re-apply the tutorial.

January 9, 2014 at 10:59 PM

I would like to put a music player inside the post and I can not!
You can help?
This is my blog: gospel-playlist.blogspot.com and thanks for the player in html5

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2014. MBL Networks, All Rights are Strictly Reserved.