Thursday, March 15, 2007

Add Music to your blog: Another easy way

Here is another easy way for you to add music to your blog. Go to eSnips. There you can upload your music file and other files like videos, photos and files. Here we will just be discussing music, but videos, etc., should be no different. You can check out this post where I have used eSnips to embed a music player into the post: Testing embedding own music in post.

Update: eSnips.com have been inaccessible for some time. An alternative is to convert Youtube video to mp3 then embed an mp3 player for music in your blog. This app makes converting video easy.

The best way to go is to first sign up for an account first. Then you can have a folder for your files which you can refer to whenever you need to. If you have your own music file, first upload it. You still can have music if you don't have your own music file. All you have to do is to choose one which is available to the public in eSnip. If you don't have your own music file, or you want one that is available in eSnip, click on fresh from the "DJ Community" and click on a selection. Click "MP3 Widgets" and you will be presented with a page where you can copy the script to add to your blog (see screenshot (click to enlarge):

eSnip widget preview

The default is to only play the music if a visitor click on the Play button. However, you can make the player play the music automatically the moment the page opens by choosing Yes in the Auto Play drop down menu at the bottom of the preview page (see bottom of the screenshot above). This setting (autoplay) is not favoured by many because of fear of unwanted interruption like when a person is surfing at night and there is a baby sleeping nearby. The person will have to quickly exit the site to stop the music playing. That is why the default is set to "no".

Update March 16 2007: Got a tip about Odeo from Brad of Brad Linder's Digital Home. I tested embeding a selection into this post Testing embeding musical from Odeo. However, unlike eSnip, they don't give you the option of whether you want autostart or you need the visitor to click the "play" button to play the music. In this case, a visitor will have to click the "play" button to start the music.

UPDATE 5 November 2007: See eSnip music player in sidebar for instructions on how to make the eSnip player fit the sidebar (click BACK button to get back to this page).

Listening to music online

Not satisfied with just putting music on your own site. Like to listen to music on other sites online?

Find places to Listen To Music Online for free. The internet has allowed sites to play Music 24/7. There are literally hundreds of Online Music sites
and even you can Stream Music on your own website.

Related post:
Adding Music to your blog
Adding a MP3 Player to your blog.
(click the "BACK" button to return to this page).

70 comments:

  1. Hi Peter, Another nice Tip. I am trying it out. Great Job.

    ReplyDelete
  2. Finally, I managed to upload song using your tips. You will like this song. Tks again.

    ReplyDelete
  3. You can also use Odeo to post audio files. I used Odeo to post 7 sound clips for a review of a digital audio recorder I posted on my blogger blog the other day.

    Odeo doesn't work with video though, so esnips might be a good alternative to YouTube for video clips.

    ReplyDelete
  4. Hi Brad,

    Thanks for the extra information. I may try that out and add it to the post.

    Peter
    Dummies Guide to Google Blogger

    ReplyDelete
  5. I couldn't get it to work. I pasted the html code into my Blogger post but when I hit the publish button I got a message saying it couldn't complete my request due to a tag not being closed. I tried repeatedly with different mp3s and different skins thinking there was just a mistake in my code but nothing worked for me.
    :-(

    ReplyDelete
  6. Hi jasia,

    Could you by any chance left out part of the code? Try clicking on the inside of the box for the codes and press ctrl+A to highlight all the code, right-click, and select copy, then paste it into your post. The HTML worked for me in both examples.

    Peter
    Dummies Guide to Google Blogger

    ReplyDelete
  7. Jasia: I got the same error using Odeo at first. I'm not sure why. What I did to get it to work:
    1. Erase all the new code I'd copied and pasted from Odeo.
    2. Save the post.
    3. Go back to edit it (in HTML mode) again.
    4. Copy and paste the code again.
    5. Hit publish.

    That's it... second time's a charm.

    Peter: As for the inability to use Odeo to automatically play a file when a visitor comes to your web page, I'm not sure I consider this a limitation. As someone who visits a lot of web sites during the course of a day, I can't stand it when I enter a page and it automatically starts playing an audio file or a video clip. I'd much rather be given the option of whether I want to listen or not.

    ReplyDelete
  8. Yes, both that are mentioned in the post are completely free.

    Peter
    Dummies Guide to Google Blogger

    ReplyDelete
  9. This Is A great Help Peter. I Now Have A Tagboard And A Music Playlist And I mUst Thank You Because I studied Your Blog.

    ReplyDelete
  10. Thank you, the info was much useful! This is great!

    ReplyDelete
  11. Hi Peter. Your tips have been very helpful! Question: I was successful in downloading the mp3 player from e-snips, but I am not sure how to change the song. How can I maintain the actual player from the DJ tab using the mp3 widgets option, and add my own songs, rather than be limited to the songs on e-snips? Thanks for your help!

    ReplyDelete
  12. Hi the frog,

    To use your own music, first upload your music to e-snips, then go to that file and get the widget and embed it into the post or a Page Element. I have tested it. The file I uploaded is here: Cikguas227-music and I have embedded that song into this post Testing putting own music using e-Snips in blog post

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  13. hihi,

    thanks for ur tips!! i finally managed to upload my song =)

    Thank u so much!!

    however i used http://www.uploadmyspacemp3music.com/index.php to upload my music from my computer. it's easier to use than esnips. juz my suggestion =)

    ReplyDelete
  14. Hi Callista,

    Thanks for the new information, which is always welcomed.

    Peter
    Dummies Guide to Google Blogger
    "online book" in progres

    ReplyDelete
  15. hi, how do i loop the song from esnips? any idea?

    ReplyDelete
  16. Hi j.o.i.n.y,

    Try adding loop="true" to the generated script, like this:

    <table><tr><td<>embed loop="true" ...............

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  17. Sorry, a little typo. Should be <table><tr><td><embed loop="true" quality="high"......

    Peter a.k.a. enviroman
    Enviroman Says

    ReplyDelete
  18. Mild hack on Peter Chen's tip:

    Problem: You want a .wav file with speech on your blog but you have neither a) microphone nor b) the ability to speak. What shall you do without getting somebody's help in person or online beyond the instructions to follow?

    A Solution: Surf over to the ATT Labs text-to-speech generator(http://www.research.att.com/~ttsweb/tts/demo.php), type in the text you want spoken and create a .wav file. Next, do as Peter Chen suggests regarding a music file on his blog. 'Presto' you have automated speech on your blog or website and you didn't need to a) hear the words, b) have a microphone with which to speak words now spoken on your blog or website, nor c) have anyone record the speech you generated into a .wav file.

    ReplyDelete
  19. Hi Katherineholm Review,

    Thanks for the tips. I will test it out, and I may make a post out of it with acknowledge and a link you your website if the test worked out and you let me know what website to link to.

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  20. Hi Mr. Chen,
    Oh, it's OK, you don't have to link back to any website of mine. Just mentioning it here as you have already done with my Katrineholm Review earlier is enough. I think my little edition to your original instructions can be useful to people who don't have microphones but want to have, for example, a .wav file greeting someone who comes to their website or blog. It's simple to do. What interests me about various hacks is how people can do things as cheaply as possible (like placing OpenSource software on USB sticks and being able to do their work anywhere for next to nothing except for the cost of the USB stick if they have access to the Internet at, say, a local library). Stuff like that. Anyway, good luck and thanks for blogging!

    ReplyDelete
  21. Hi Peter,
    Thanks for putting this up.. I have a question, though. I followed the instructions you gave for uploading a song onto esnips, then i copied the widget, but there was no customize drop down thing where I could select yes/no.

    I pasted the widget anyway and published my post.But all I got was an image which I could click on and it would link it to my esnips folder for that song.
    But I don't want it that way. I want the readers to just click play on my post, exactly like the testing one that you posted.

    How can I do that?? Does this make sense to you at all??
    Sorry I am an absolute dummy when it comes to stuff like this.
    Please help!!

    ReplyDelete
  22. Hi Daniella,

    Someone else earlier indicated that he followed the instruction exactly and it didn't work. I tested it before I post (in fact you will see a demo via the link in the post), however, when I tried it again, I couldn't do what I could do earlier. If I remember correctly, I sent eSnip a support request and I think I didn't get a response. They may have changed something, I don't know. Maybe I will have to try it again and if it still fail and a second request for support didn't get a response, I will probably have to do an update to the post.

    Peter (Blog*Star 2006 and 2007)
    Testing Blogger Beta (now New Blogger)

    ReplyDelete
  23. Hi peter,
    Thanks for letting me know. If you do find out how to do what you did with your previous post, could you please let me know. Email me perhaps. (jewelsonblogspot@gmail.com)
    Or if you know of another site that serves the same function, please to let me know.. (I would really appreciate instructions, if possible).

    Cheers mate!

    ReplyDelete
  24. Hi Peter,
    I just thought that I should let you know that I found out why I couldn't get the widget for the song to play directly on my blog. It's because the song needs to be in MP3 format. If the song is in a WMA then esnips will only you a widget for an icon to link you to esnips where the reader can listen to it from there. But if it's in MP3 format, then I can post the song directly on there just as you instructed, and the reader can click on play to hear the song directly from the blog.

    ReplyDelete
  25. Great, Peter, Thank you!
    I will put your blog link at my blog http://successbookworm.blogspot.com and share with more people about your blog!

    ReplyDelete
  26. Hi Mirageak,

    Thanks for the link.

    Peter a.k.a. enviroman
    Enviroman Says

    ReplyDelete
  27. Hi Peter, Thanks for your guide. I did copy the code and the player shows in the web page, but I can't hear the music. Can you advice and help?

    Thanks
    shelbi

    ReplyDelete
  28. Hi Shelbi,

    I tested eSnip before publishing and therefore have no idea why you are having problem. Perhaps your choice of song. Perhaps redoing it with another song may help. Or there are plenty other ways of putting music online:

    Adding music to your blog
    Adding music to your blog another easy way
    Embedding Imeen playlist using embed script
    Embedding music with Imeen
    Make music slideshows with Fliptrack

    There is another one - Odeo which I think I mentioned in one of the post but did not do a special post on it.

    Peter (Blog*Star)
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  29. Hi Shelbi,

    I did check your site, and saw the eSnip player in the post. I heard the music, only problem it was intermittent. Maybe because of bandwidth issue.

    Peter (Blog*Star)
    Generating Revenue from your Website

    ReplyDelete
  30. Thanks a ton for your quick reply and help. I appreciate.
    shelbi

    ReplyDelete
  31. hey,about the loop="true" i still can't get it to work,could you help me out?

    ReplyDelete
  32. Hi Ryan,

    That is a problem I cannot solve. Contact eSnip support.

    Peter (Blog*Star)
    The easiest way to earn something for your blogging efforts

    ReplyDelete
  33. OH MY GOSH! It worked! You have no idea how many people have tried to tell me how to add music to my page and it never worked. This was so easy! Thanks a ton!

    ReplyDelete
  34. FINALY I GOT IT!!! thanks peter,...the other version wasnt working in my computer, but these one is perfet![[and easy!]]....I just have a problem: how can i reduce the size of the reproducer...its to big and it doesnt fit in my column....i'll be waiting your answer.....a lot of thanks!

    ReplyDelete
  35. Hi mafe,

    Have a look at eSnip music player in sidebar. But please make sure to read the last sentence of the post. There is still some work to be done.

    Peter Blog*Star
    Generating Revenue from your Website

    ReplyDelete
  36. Thank you *very* much Peter!
    I got it to work first time.
    Check out the song.

    ReplyDelete
  37. Thank you *very* much Peter!
    I got it to work first time.
    Check the song out. :-)

    ReplyDelete
  38. Peter,

    Thank you so much for this!
    I always visit here,when I have questions every time.
    Very appreciate:)!

    ReplyDelete
  39. Hi Peter,

    You suggestion helped me putting up the song on my site.

    However, I am facing issues in playing the song. You see, the song plays perfectly fine on esnips. But it fails to do so on the widget. It just shows buffering but no sound at all.

    Any help would be highly appreciated.

    ReplyDelete
  40. Hi Anusha,

    Don't know if this may help in your case, but try Solve music not playing problems. Do let us know how you progress as we highly appreciate feedback.

    Peter Blog*Star
    Alternatives to Google AdSense

    ReplyDelete
  41. Thank you for posting. I was looking for something like this. It makes things a lot easier and fun.

    ReplyDelete
  42. Thanks, it works...
    This is awsome.. and easy.

    I only got one problem. The music (I posted it into the sidebar) does not start automatically. Although in html code it says:
    "autoPlay=yes"

    do you have any idea how to solve that problem?
    It playes when you click on play.. but not on it's own when you open the blog.

    ReplyDelete
  43. I get this msg: Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity "objectid" must end with the ';' delimiter. I CRTL+A the code within the box from esnips, so i couldn't have missed anything. Any ideas?

    ReplyDelete
  44. Hi Sarah,

    Sorry have no time to check. See Why your comments and emails are not getting prompt response. Anyway, I think setting the music to start automatically is a bad idea as a visitor may be frightened off by loud music in the middle of the night beside a sleeping baby and quickly surf away from your site.

    Peter Blog*Star
    Blogger Dough
    (Blogging helped my put 2 sons through college on my pension and if not for blogging, I would have been in financial difficulties. We want to help you do the same)

    ReplyDelete
  45. Hi Mark,

    I published this post some time ago and have so many things going on that I can't remember what is inside the post. I suspect instead of adding the script direct into the template, you should go to LAYOUT and click Add a Page Element. Select HTML/Javascript and paste the script inside there. Please give feedback as I will have to decide if I should test it again and edit the post to make it clearer. See also Add advertisements, visitor counters, music player, etc.

    Peter Blog*Star
    Blogger FAQ (Frequently Asked Questions_
    (Blogger FAQ in progress. More will be added as I have the time)

    ReplyDelete
  46. Thank you so much for the tip on adding a music player to blogs. I shall try it tommorow on mine !

    GBU

    Steve

    ReplyDelete
  47. hey peter,
    i read the above comment about the autoplay,and the same goes for me. it doesnt automatically play, but is there anyway i can fix it?
    i understand that it could scare people away but id still like to know wheter its possible to fix it.

    ReplyDelete
  48. Hi Super Emo Kid,

    I am afraid music is not my strong point and would not know how to fix what you mentioned.

    Peter @ enviromanBlog*Star
    Environmental blog: Enviroman Says

    ReplyDelete
  49. Hey, thanks for the post, it's really usually.

    I'm having a couple of problems though, I uploaded the music fine but I go to create a widget and it only allows me to create one for a link, rather than a music player in my blog. I feel like I'm being really dumb and missing something but coud someone give me a step by step through of the pages I need to go to to find the widget.

    Thank you x

    ReplyDelete
  50. Hi Amyob,

    Are you referring to what is in this post or is it some other widget?

    Peter (Blog*Star)
    http://bloggerfordummies.blogspot.com/2007/07/how-you-can-help-blogger-tips-and.html
    (no one should feel obligated. Everthing completely voluntary. However, by doing so, you may also help your visitors find helpful information and help)

    ReplyDelete
  51. Yeah, I'm referring to what is in this post. I'm trying to get a widget that plays music in my blog but the only ones I can find at the moment are to link to esnips to play the music on a separate page. It's not the same widgets that are posted that I have found but I do want the ones in this post.

    ReplyDelete
  52. can you post something about colored scrollbars?

    ReplyDelete
  53. Hi Ch|03,

    Refer to Scroll box. You should be able to chose the color when you use the scroll box generator.

    ReplyDelete
  54. okay, i love your blog. it is super helpful. however, i am getting stuck on esnips adding a playlist/widget to my blog. i have uploaded the mp3 files i want to add, but can not for the life of me figure out how to add it to a playlist and then to the widget. there is no option to add to quicklist on esnips. any suggestions?

    ReplyDelete
  55. I can't seem to set my widget to autoplay...any ideas?

    ReplyDelete
  56. heyyy Bro i have still problem now ?
    i want to add music in m blog but i am not abhle to adfd?
    please help me ?

    this is my blog link www.shrisai930.blogspot.com

    ReplyDelete
  57. none of this helped me :/ i'm sorry . i just want to know how to make my song plays automaticly when a viewer opens my blog ?

    ReplyDelete
  58. There are many links to music related post at Music and blogs go see if any one of them help you do what you want, in particular adding music to your blog or invisible music player

    ReplyDelete
  59. Hey, I uploaded the song to esnips and Ive gotten the code and Ive choosen to have the song played automatically, but when I make a new post to my blog and put in the code, the musicplayer I choosed appeares on my sight, but it´s silent. I try to press the play button but it doesnt work. What have I done wrong?

    ReplyDelete
  60. God's child, send the codes to me to test via my contact form and preferably also the steps you took to get those codes

    ReplyDelete
  61. weis mr peter chan....u been kindfully helping us....ne way where's ur previous employer before cause u seem pretty known all this stuff....last word keep helping peps out.....

    ReplyDelete
  62. Before I retired, I was an Associate Professor in a university.

    ReplyDelete
  63. It failed ~ ! How exactly did u all done it?

    ReplyDelete
  64. hi all
    i have a website as www.elroyfamily.org.

    how can i add my own music free..is there any option to add back ground music.

    if any body knows please let me know its HTML code and its procedure

    ReplyDelete
  65. kalladaveedu, refer to Music FAQ: links to music related posts

    You may require Apple Quicktime.

    ReplyDelete
  66. i cant create my own playlist on enips

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics