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:
OpenDrive (Recommended), or

Now you will be having a link to your music file like this:
http://www.opendrive.com/files/7285877_812bb/airtel_1.mp3

Now use the code, displayed below:
<embed type="application/x-shockwave-flash" wmode="transparent" src="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=YOUR_MP3_FILE_ADDRESS" height="27" width="320"></embed>
Replace the text in RED, with the DIRECT LINK of the MP3 file (from your OpenDrive account).
This plays the song like this:



85 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.

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.

MUHAMMAD FITRI said...

nice it working but how to put many song??

sandamal said...

THANNNKSSSS !!!!!!!!!!!!!!

Francisco Ortiz said...

Thank you! That works!

CJ said...

how to make it autoplay?

Sai - BloggerStop.Net said...

Please go through the new tutorail:
http://bloggerstop.net/2009/05/add-mp3-music-player-to-your-blogspot.html

That tutorial will allow you to add the player with features like autoplay etc. And you can use any of the several skins available.

CJ said...

Hmmm , did you mean that this player doesn't support autoplay? I like this player lol :)

ten tens said...

hi i like this so much.i'd change the code to make it autoplay.but it not works..

THINK HATKE said...

How to make the music autoplay an loading bowser in my blog

Brad Fallon said...

While uploading nem mp3 songs or videos in torrent or blog will result in any piracy problem?

Gustavo Ribeiro said...

Thanks a lot.

Anonymous said...

you are the best.

Forever Nothing said...

what to do when i want to play more than 1 song?

Brent said...

Thanks for this info,just what I was looking for to add some music to my guitar website Http://www.guitarpatch.com

Sai - Blogger Widgets said...

@Forever Nothing,

Read the new tutorial for that:
http://bloggerstop.net/2009/05/add-mp3-music-player-to-your-blogspot.html

litter cookie... ♫ said...

:(( how........

Sai - Blogger Help said...

^^
how?

MiSs_Q said...

how to make this music player autoplay??SOMEONE PLEASE TELL ME!!~

Sai - Blogger Help said...

You won't be able to do that in this player, use this one instead:
http://bloggerstop.net/2009/05/add-mp3-music-player-to-your-blogspot.html

adam_doetoem said...

KAYAKNYA BISA

Lici said...

Thanks, I have added the code in my blog http://wbkolkata.blogspot.com and its working.. Please visit to see ...

said...

Do you now how to make it auto replay too?

: noleggio plasma said...

Cool blog as for me. It would be great to read a bit more about that topic. 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 for sharing.

Prosperity said...

I just added to my blog and it looks pretty cool but the problem is that once it is on my blog page it doesn't work.

http://yourcornernews.blogspot.com/

MuslimGirl said...

Finally something that works! thank you very much.

camaross1220 said...

thank you so much..i was searching for this.finally i got it...yay@@@@@@

គឺមអេងនិស្សិតអភិវឌ្ឍន៍អាស៊ីសច្ចៈ said...

Hi i have emded code mp3 ready form website padsnack.com
But i want to add music more How to do thank

khadijah123 said...

i dont understand.....could you do it for me..love you like a love song selena gomez...

Nur Amalina Naimah said...

;;)

eb 5 visa said...

How do I embed a song in my Google BlogSpot that will automatically play when I open the page?

Miracoleman said...

Finally, advice that worked - thanks a mill!

meSsy.La said...

u're Jjang!!!
thank you~~~
*BIG HUG*

he told me patience said...

anyone know the autostart code to make this player automatically play?

Zee Nguyễn said...

Thank you very much. It's amazing, too much better than other instructions because it's nice and work well on all browsers.

sipu said...

thi is really "chrom"means awesome.
it helped me a lot
Thanks a lot......

~`♥ Lovely ♥`~ said...

hi, uploaded but not working, everytime i press PLAY its nothing. please help

www.lovzly.com

La Profesora Mónica said...

Help please. I am using box.net for my audio uploads. When I embed my code (provided by box.net) into a post, the player is embedded but it does not play. It plays perfect when tested on the box site. Also, since I am a foreign language instructor, I would love a player that I can embed which allows my students to slow down the speed without distortion similar to the Yabla player. Is there such a player available for embed into blog? http://escuchandoconlaprofesora.blogspot.com/

Sai - BloggerStop.Net said...

Hello Monica,
Box.net provides links which are not hotlinks/direct links, so you cannot use them here.
Use the signup link to opendrive from the post above, upload your songs there and then use the DIRECT LINKs to the songs in the player.

nikhil Pages said...

Dear All ,

can anyone give me a solutions, i got one voice notes. amr file how to add music in this file

Anonymous said...

Hello guys, i will be grateful if there is someone know the solution about my problem.
Can you guys help me to identify why there is 2 different output after users upload their music into OpenDrive.
Etc like the link below:
1. https://www.opendrive.com/files/NV8yMDM5NjE4X1JZZUNj
2. https://www.opendrive.com/files?NF8yNTAxMzMxX0xVaVlB

I demand to open it in a simple form link just like the FIRST link, because the second link is the music i uploaded.
But till now i still don't know how to open it like the FIRST link in simple form. PLEASE HELP ME.THANKS. :)

Anonymous said...

Sorry guys, to be more details i already print screen the picture and uploaded it to tumblr already. This should be enough to let all people get what i actually want to said. Thanks. :)
http://24.media.tumblr.com/tumblr_m93k9zkrH41r6y2b4o1_1280.jpg

http://25.media.tumblr.com/tumblr_m93kapvgNV1r6y2b4o1_1280.jpg

bloggerstop.net said...

As mentioned in the post, use DIRECT LINKS (Streaming)
Not these links, the DIRECT LINKS should end with .MP3 etc.

Like this:
https://www.opendrive.com/files/7228992_t0JIo/airtel_1.mp3

Christo said...

good info i tried this a while ago i think you can also stream a source if you replace the mp3 file location with for example radio station like a shoutcast radio station stream.

biglietti inter said...

nice looking work

biglietti milan said...

very nice

Anonymous said...

it works well :) thanks so much !
it would be perfect if the song can load automatically once enter blog.

Kensi PHR said...

This is very nice. I used it on my post and it's working really good. Thanks so much!

:)) ;)) ;;) :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[.]TopRankLinks[.]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