December 24, 2008

How To Add Music or MP3 Songs in Your Blogspot Blog


*UPDATE: Read this post to add a better and more customizable MP3/Music players to your blog : Add MP3 player to your blog
If you want to embed any music file or mp3 in to your website, so that your listeners can enjoy it, then here's a simple way to do it !

First of all you need a DIRECT link of the song/ mp3 file.
So upload it to:
MyDataNest (Recommended), or
NOTE: Edit & save the folder properties at your MyDataNest account as "Hidden" and NOT as "Private".
FileDen.com

Now you will be having a link to your music file like this:
http://mydatanest.com/xt...5dj/We_wish_you_a_merry_christmas2.mp3

Now use the code, displayed below:
<embed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars= "valid_sample_rate=true&external_url=YOUR MP3 FILE ADDRESS" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>
This displays the file/song like this:




To give it a black look, copy this code:
<embed src= "http://www.odeo.com/flash/audio_player_standard_black.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars= "valid_sample_rate=true&external_url=YOUR MP3 FILE ADDRESS" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>

This displays the file/song like this:




To start the music on-it's-own, use this code:
For Gray player:

<embed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars= "auto_play=true&amp;valid_sample_rate=true&external_url=YOUR MP3 FILE ADDRESS" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>

For Black player

<embed src= "http://www.odeo.com/flash/audio_player_standard_black.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars= "auto_play=true&amp;valid_sample_rate=true&external_url=YOUR MP3 FILE ADDRESS" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>

*UPDATE: You may use these players of smaller sizes too: Players

40 comments:

Mohammad Mustafa Ahmedzai said...

Now thats cool!

Suggestion:
You can also add windows media player code to the post.

Regards,
Mohd__

Tay Peng Keng said...

Thank you for the advise and effort you have put in. I've try it and it works. Now that's great.
Once again thank you and have a nice day.

Regards,
PK

Divya Sai said...

Welcome Tay...

J said...

Odeo server is down and no longer will this player work.

Sai said...

It was down for a few days, it is working now....and thanks for mentioning it J !

J said...

Down again-how do I create a swf that I can put up on my server, so this player will work regardless of odeo?

Divya Sai said...

Hi J,
You may use any other player, I think this article will be more helpful to you:
http://news.cnet.com/8301-17939_109-9758036-2.html

Regards
Sai

Awax said...

hi, thanks alot for the post, much appreciated, im new to all this so please bare with me.. I have added this to my blog, but it does not seem to want to play.. it saying loading then straight after that it says stopped, is it something im doing incorrectly?

Thanks alot

Divya Sai said...

Hi Awax,

There's nothing to go wrong in this...may be the server at odeo was down for a few minutes...anyways I just visited your blog and found a player by imeem, that's looking cool too, so do still want to add this one or are you happy with the imeem player ?

Regards
Sai

Awax said...

Hi Sai,

Thanks alot for the response, after my earlier post did a bit more searching on the net and found the Imeem player which is alot more easier to use, and can hold a lot more mp3's so will probably stick with that one.
Thanks again

Awax

Sai said...

Ya I have mainly written this article to suggest a player which can be used in special occasions like Xmas, New Year, B'Day etc. where you basically need a single song to play in the blog.

But in case you need to play multiple music files, then of course you can use imeem or any of the players listed in the link in my previous comment (http://news.cnet.com/8301-17939_109-9758036-2.html)

Regards
Sai

daniela_rinita@yahoo.com said...

I wanted to make the song play over and over again, what is the code for that? by meaning people wont be able to shut it off. thanks

Vidya Sury said...

Hey! Thanks sooooo much!

Divya Sai said...

You are welcome Vidya...

Guest said...

thanks. I have opened a imeen account but dont know how to put the player into my blogspot. Can you please help me? I guess its pretty basic, but still i cant seem to figure it out!

Divya Sai said...

@Guest
There's no need to open a/c in imeem
Simply upoload an mp3 file to hotlinkfiles.com and copy the DIRECT LINK to the mp3.
Then in the code shown above, paste the DIRECT LINK of mp3 and embed the whole code in to your blog. That's it !

Ninhas said...

can it be .wma and not .mp3 ?

Sai @ Blogger Help said...

Yes of course..you can !

Sal said...

Halo friend.
Do u have any code so the song will loops?
Thx!

Divya Sai said...

Hi Sal,
please check out the new tutorial to embed songs on blog:
http://bloggerstop.net/2009/05/add-mp3-music-player-to-your-blogspot.html

the method is simple, but you 'll get a lot of new features including song-loop !

கிரி said...

Thanks for the code.

Its looks simple and beautiful

x-wenn said...

it is helpful, thanks.

The Music Ain't Loud Enough! said...

i used this player and when i posted to my blog it did not work. the first player stopped after 48 secs. the rest did not work.

www.themusicaintloudenough.blogspot.com

any help?

stretch

Divya Sai said...

I just listned to "Priceless by Melanie Fiona" on your blog, and it was working nicely.
On your homepage, there are too many music players, I will suggest you to either use 1 or show these players only in the post-pages and not in the homepage.

Divya Sai said...

Use this method to hide the players in homepage and show them only in post pages.

Bombchell said...

Thank you so much!!!!! i probably tried and tested over 6 other tutorials, and finally yours worked!!!!! and it wasnt complicated, thanks a lot

Divya Sai said...

@Bombchell
You are welcome, you may try the new method too, it's quite easy too.

own said...
This post has been removed by a blog administrator.
Anonymous said...

do you know what is the name of the song?

Larzzral said...

Thanks a whole bunch! Your information and file hosting site works wonderfully. I had been online for some time trying to find out how to do this. Many thanks.

Fir-Bregas Fibre-Glass said...

HI MAY I NOE HOW TO SAVE IT AS HIDDEN AND NOT PRIVATE?

Divya Sai said...

Go to the tab - "Folders"
Then against the folder, where your files are stored, click on "Edit".
Now select the radio button "Hidden"
and save your selection.

Anonymous said...

im not able to upload more files on mydatanest i have only upload 23 files whose size are 163 mb please help me

Missy Jen said...

I cant enter mydatanest. Any solution?

Sai - Blogger Help said...

Hi Missy,

mdn would have been down for sometime, now their servers are working again...u can try now. And rather than following this tutorial, use this one:
http://bloggerstop.net/2009/05/add-mp3-music-player-to-your-blogspot.html

Karion said...

er...where do you find the link? I tried once but I can't seem to find it..

Sai - BloggerStop.Net said...

It'll be there in your mydatanest account. In the same folder where you have uploaded the songs.

dawn said...

Sorry about the delete above I used the wrong smiliey code.
:)

I wanted to say thanks for the code above I'm going to use it on both of my blogs.

Divya Sai said...

:)

Anonymous said...

THANK YOU!!!!!!!!!!!!!!!!! I will definitely being sharing your link with others.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

Allowed HTML tags: <b>, <i> and <a>

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]Seeking4Hosting[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy