
This article explains how to add music,mp3,audio to your Blogger (blogspot) Blog :
" Music expresses feeling and thought, without language; it was below and before speech, and it is above and beyond all words. ~Robert G. Ingersoll "
Adding a nice music track to your blog may enhance the pleasure of reading your blog or annoy your visitors depending on the kind of blog you have. For example, if you have a music blog, adding some nice song tracks to your blog sidebar can make your visitors to stay longer which benefits you.
So, let's learn how to add mp3 to your Blogger Blog:
Step 1 : First, upload the music file to any free file hosting servers on the net. There are tons of sites that provide free music file hosting. Just google "Free music hosting". Once you upload, they will provide you with a direct link to that music file.
ex: the file looks something like this :
http://---------- .com/yourmusicfile.extension
(extension can be .mp3 or .wav or .mid or any other audio extension).
I uploaded a sample mp3 file to my server..
http://myblogtalk.com/uploads/billu.mp3
Step 2 : Here is the code you need to add music to your blog
<embed width="250" height="50" autostart="false" src="MUSIC FILE URL"/></embed>
width : width of the music player
height: height of the music player
autostart : you want the music to start playing automatically ? or leave it to visitors choice..? (values : false or true)
MUSIC FILE URL : the direct link to your music file
In this example, MUSIC FILE URL is
http://myblogtalk.com/uploads/billu.mp3
So, if you add that code, the output will be like this
(I used the autostart: false, so you have to click on the play button to start playing music)
Click on the Play button to test
If you use the autostart value: true, the music automatically plays.. but, it annoys many readers ![]()
Few more attributes :
loop : true (or) false
If you want to continue playing the same track again and again until the visitor click on the 'STOP' button (or until he/she leaves your site), set the value to 'true'.
If you want the music to stop once the track is completed, use 'false'
playcount : n (n= any positive number)
suppose.. if you put playcount: 2 , the music will play two times and stop
If you want to use these two more additional features.. the code look something like this:
<embed width="250" height="50" autostart="false" loop="false" playcount="2" src="MUSIC FILE URL"/></embed>
Now What ?
You can add the music player anywhere you want in your Blogger blog..
Sidebar : If you want to add in sidebar, go to Layout » Add a gadget » html/javascript
and paste the code and save it.
Blog Posts :
If you want to embed music file to any specific blog post..
Paste the code in 'Edit html' mode and save it.
Related:
How to add Video clips to your Blogger Blog?








31 comments:
is it slowdown my blog loading speed?
@ mytheory,
No... it don't slowdown the page loading.
Thanks for posting. I was trying to figure out how to do this. I just made a youtube video instead...Only problem is the person has to have quicktime plugin to view the player.
Thanks for this guide.
I have to agree not all people wants music that automatically plays on blogs.
Doesn't work, just a blank gadget.
Anyway, how to add a real player(music) into blogger?
Thanks for this great tip, i will check it out now.
mp3 player in a blog could slowdown my my blog loading speed? Can you make mp3 player that automatic, cause i don't want to make a play list. just visit www.sekarygiorg.blogspot.com
Thanks for the tips, I will try it
Its a useful things for my blog...thank you.
thanks alot dude
Hey! Thanks for the tip. I will try to adapt it to my blog ;)
thank's for your tips and blogger tamplates
ORIGINAL SOUNDTRACK
Why won't you allow my comments?
it doesn't help...
i still don't know how to do this... :(
Thank you for letting us know how to do this. You help me stay informed about what is out there to help make our blogs work and look better. Thank you.
Dan and Deanna "Marketing Unscrambled"
Thank you so much for this information. I'm always looking for something new to learn about my blogging experience. With videos I usually just copy paste and it does it all for me. You really gave me an inside look at what's happening. I'll be sure to use this information and pass it on.
w.s.scotti
Cool! it works great!
I'll have to try this...
Worked great,
Thanks!!!!
The player itself doesn't show up. The mp3 url page shows up at the place of the player? Help please
nice
my firefox dun have suite plugin for the code... :(
how can i add more than 1 song?
i dont understand..where i can add this code ??? in edit HTML or what?? i dont understand!!
I am using FF 3.5.8 and it says plugins are required to view the player. And when I try to install the plugin, it takes me to Apple web site to download Quick Time.
Isn't there an alternative to QT for playing music on the blog?
Thanks a lot ! so easy and so usefull!
Excellent Post ! Thanks For Sharing ! I will use it for my blog www.rockwithking.blogspot.com Thanks for clearing all values significants.
How do I add a mp3 file or video as an attached file for download in Blogger?
@ Guangdongart,
There's no way that you can upload an mp3 file as an attachment to blogger.
You can use some free file hosting service where you can host your mp3 files and give download links to your visitors.
Um, lIke somebody else said, WHERE exactley do you add the code?
how to add more than 1 audio file?