Tuesday, June 30, 2009

Hot linking file host and embedding MP3 player

Update: hotlinkfiles.com is not reliable. Use Google Sites instead.


A blogger complained that the Imeen playlist which she used for adding background music to her blog has now limited playtime to 30 seconds only which is not acceptable to her.

This led me to search for a free file host which allows uploading of MP3 files plus hot linking and I found HotlinkFiles.com which I tested. I uploaded the hit song from the 1960s, No Satisfaction by the Rolling Stones plus embedding the music (MP3) player into this blog Music, Songs, Videos, Movies setting it to autoplay plus infinite replay.

So if you want a music player for your blog, first upload your selected song to HotlinkFiles.com, get the URL and then add this code to a HTML/Javascript gadget (gadget was previously referred to as Page Element):

<embed width="160" src="URL of hot-linkable MP3 file" autostart="true" loop="true" height="50"></embed>


replacing URL of hot-linkable MP3 file with the actual URL of the MP3 file you had uploaded to the file host.

The parameters you can vary is:

width="160" (edit to fit where you embedded the MP3 player. In my case, I embedded it into the second right sidebar which width is 163px.

autostart="true" (set it to false if you don't want the music to automatically start visitor come to your blog)

loop="true" (set it to false if you do not want the song to repeat infinitely)

MP3 download

I have tested it and found that it works with Internet Explorer, Firefox 3.0.11, Opera, Flock 2.0.2, Avant, but not Google Chrome (MP3 player not visible) or Safari which gave the error message "Safari cannot find the Internet plug-in.
The page "Music Songs Videos Movies" has content of an unspecified MIME type. Because you don't have a plug-in installed for this MIME type, this content can't be displayed."

Related posts:
How to add music to your blog
Add MP3 player to your blog
Invisible background music
Easy way to add music to blog (eSnip)
eSnip music player in sidebar
Make music slideshows with Fliptrack
Music and blogs

Music at Amazon

40 comments:

  1. Peter,
    You're a GENIUS!!!
    It works, it works, it works!

    Forever grateful! :)

    You can check in http://gotaderantanplan.blogspot.com

    ReplyDelete
  2. Hello Peter,

    I have been trying to email you but can't find your address.

    I have been trying to contact blogger regarding an offensive site who have removed their navbar, but all I can find is this page

    http://help.blogger.com/bin/answer.py?answer=76315

    and they keep sending me round in circles with no way to report the abuse.

    Can you help?

    ReplyDelete
  3. Hi Peter, thanks for leaving me a comment.

    By the way, I have subscribe this one through email ad and am happy about it. You know, am a bit down on blog hopping and running(if you're familiar with entrecard) now because I have a high bounce rate-- that's why I guess honorable G didn't give yet back my PR. Anyway, you're such a big help to the blogger society and am glad to know you and your write-ups. I wonder if this is your hobby(writing) only? or you're working with Google? Whatever it is, am glad I found this helpful page and writings. Thanks!

    Will you hit me back? (~_~) . See yah around.. hugs!

    Cacai M.
    www.cacainadjourney.com

    ReplyDelete
  4. am back.. after reading your profile Pete, now I know.. nice meeting you!
    By the way, regards me to the youngest blogger-your grand kiddo.

    Have a pleasant day! hugs!

    ReplyDelete
  5. Peter, I thanked you here:

    http://gotaderantanplan.blogspot.com/2009/07/i-peter-chen.html

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. Hello Peter,

    Thanks a lot for your easy tips and tricks. I am fan of your 4 column template.

    I want to create more sections like Categories, Archives to my blog to post vast content. For example, I want post tips for TOEFL under separate section titled 'TOEFL'. I want to post these in the second part of my blogspot (after all post updater). for example, please see www.helpbiotech.blogspot.com. I want to create more sections like in this blog.

    please enlighten me in this regard. I will be greatful to you.
    thanks
    c2j

    ReplyDelete
  8. I am not yet 100% sure but I think that the blog you pointed out just have background color for the title of their gadgets (page elements) highlighted with background color.

    ReplyDelete
  9. Hi Peter,
    Thanks for your prompt response.
    I have 2 more doubts regarding gadgets.
    how to change the size of gadgets?
    how to move gadgets from one place to another. I want the bottom gadget (in a 4 column template) to resize and make multiples of it horizontally.
    thanks

    ReplyDelete
  10. "how to change the size of gadgets?"

    ????

    Depends. There are lots of different types of gadgets. Example, if you use a HTML/Javascript gadget and the image tag <img> to display a photo, you can control the size of the displayed photo via width="x" height="y" as in <img src="URL of photo" width="x" height="y />

    "how to move gadgets from one place to another"

    Drag and drop in LAYOUT

    "make multiples of it horizontally."

    ????

    You mean more than 1 gadget in a horizontal row? That will involve the template where you have to create extra column like in this demo blog Good Computer Software (still in progress - check the footer which is divided into 3 column)

    Hope I understood your question correctly.

    ReplyDelete
  11. Hello Peter,

    Thanks a lot for giving such a useful tips to the blogging community.

    I am using 4 column minima template. I want to divide footer into 3/4 columns as like in your 'goodcomputersoftware.blogspot.com'. my blog url is: college2job.blogspot.com.

    I am using poll code after going through your tips. Poll result is opening in the same window after casting vote. I dont like that. Shall we make it open in another window?

    Thanks for your useful suggestions and tips.
    - guide

    ReplyDelete
  12. Sorry I don't have elephant memory (elephants are supposed to have a super memory). Where did you get the poll code?

    ReplyDelete
  13. I know its not regarding this post but can you tell me if I have like many post and want to organize it alphabetically but want them to click like on A to expand the the list.Is there any javascript or somethong for by blog.

    ReplyDelete
  14. Um, I just registered at imeem and tried it, and it doesn't have a 30 second limit; 30 seconds shows up initially as "file length", and then the real length does and the entire thing plays. I tried it with a 45 second clip; works wonderfully.

    ReplyDelete
  15. Hi Peter,

    Thanks a lot for your patient response. I am sorry for asking a doubt irrelevant to the post.

    I want to post MS Word and PDF files to my blog. Shall we do this without giving link to the source site?

    I want to divide footer into 3/4 columns as like in your 'goodcomputersoftware.blogspot.com'.
    I am using 4 column minima template.
    my blog URL www.college2job.blogspot.com

    Thanks in advance..

    ReplyDelete
  16. Hi Peter
    I think I've managed to add the code, but where do I find the player to embed in in my blog?
    Cheers
    Jonothan8

    ReplyDelete
  17. This:

    <embed width="160" src="URL of hot-linkable MP3 file" autostart="true" loop="true" height="50"></embed>

    in a HTML/Javascript gadget will display the player like the one you see at the top of the right sidebar at Song video movie

    ReplyDelete
  18. Forgot to mention, you need to install Quciktime

    ReplyDelete
  19. hey dude,

    I have try this trick on my blog wow it work dude...thanks alot....

    for me
    www.rectro.blogspot.com

    ReplyDelete
  20. I have searched EVERYWHERE for help on this issue and you're my last hope. I want to add a new gadget to my blog, but after clicking on "Add a Gadget" on the "Add and Arrange Page Elements" page, I'm only seeing the following on the left hand side:

    Basics
    Featured
    Most Popular
    More Gadgets
    Add your own

    I want to add other people's widgets, so where is:

    Categories

    Tools
    Games
    Communication
    etc...?????

    Hope you can help!!!

    ReplyDelete
  21. Is your problem this: After clicking on "Add a gadget" you only see the Basic, Featured... links at the left but not seeing the 20 basic gadgets or is it something else?

    Categories is called Labels in Blogger.

    ReplyDelete
  22. Hi Peter!
    You are very knowledgable about blogging and code. I have been blogging for about a 1 1/2 years and I have tried to reasearch how to add a third column on my blog and every hit I get seems to include you in some way , so you must be the Master. All I want to do is add a Third column on my left side of my blog and not change anything about it, just add the column but I can't seem to find a code anywhere for it and if I do I don't understand it . I have no html experience but would appreciate it if you could help me.
    Thank you and great job on your blog, it's great and a very helpful site to others!
    Creative Wishes, Ann-Denise

    ReplyDelete
  23. thanks, it works perfect

    ReplyDelete
  24. Going to be straight here -- hotlinkfiles is no good.

    Try MyDataNest.com

    ReplyDelete
  25. Peter,
    Thanks for your very useful tips.
    Two problems:
    1) Trying to upload a second MP3 selection to hotlinkfiles.com, no matter which song I chose from my files, I get Error:0 and it won't upload.
    2) The selection that I did manage to upload (beginners luck?)starts automatically when I load the site, but it does not repeat, despite showing "Loop" on my gadget.

    Thanks, crazy rudy

    ReplyDelete
  26. Why don't you try their batch uploader? Or contact them for support.

    Do let us know if your problem get solved.

    ReplyDelete
  27. Dear Peter,
    I have to ask for your help once again on this same matter. Apparently, hotlinkfiles.com has crashed, I no longer can't login, I've sent several e-mail with no answer whatsoever.

    Today is the 40th anniversary of Abbey Road and I would love to pay my tribute to it (music is indeed needed, don't you agree?). Being a Beatles' fan as I know you are (have you got your Beatles Stereo Remastered Box? I have...), will you help me once again?

    Since I have another blog called Beatles Forever!, I feel desperate!

    There's another site, goear.com, the first where I lodged my music, and it was very good, for it gave me both the chance to play music automatically or not. The site died for more than a year but is now working fine again. All the music I uploaded is still there

    Check this link, please (and listen to the beautiful tune, by Portuguese guitar virtuoso Carlos Paredes), from here you can see all the tracks I have in it:

    http://www.goear.com/listen/eac2062/Verdes-Anos-carlos-paredes

    I tried to used your embed to make the music autoplay, but it doesn't work. What can I do?

    Teresa,
    a desperate beatlemaniac.

    P.S. There's more. Next Tuesday is the 2nd anniversary of one of my best friends' passing away, and I would like to talk about him in Gota de Ran Tan Plan. With music, of course.

    ReplyDelete
  28. Hi Teresa,

    Check this: Testing Google Sites for hotlinking MP3 files.

    Let me know if you manage in your browser you can get the song Hound Dog by Elvis Presley to play right to the end.

    ReplyDelete
  29. hiiiiiiiiiiii peter,
    first my thanks to you for your wonderfull job even at this age.. i'm much worried about how to play a background music in my blog. But you.. yeah its you, who helped me in doing that succesfull in my blog. I'm very much grate full to you. THANKS PETER..THANK YOU ONCE AGAIN.

    ReplyDelete
  30. Hi i want to ask. I use Google MP3 Player which the code are :

    However i want to make the song repeat. How do i do that?

    ReplyDelete
  31. I haven't yet use the Google MP3 Player myself but read somewhere it does not provide for looping so loop="true" may not work. Did you try loop="true"? Where did you get the code for Google MP3 Player? Maybe I want to try it myself.

    ReplyDelete
  32. With the new google sites the Hot/direct linking is gone... you will never get .mp3 at the end of your links.

    ReplyDelete
  33. Works perfect for me. Thank you so much.

    ReplyDelete
  34. Google sites doesn't seem reliable anymore. The added stuff at the end of the links isn't a problem (it can be easily removed), but each download redirects to another page, which *is* a problem (with some browsers some of the time). I am having intermittent problems hotlinking to google sites content. There are plenty of other free file hosts that allow hotlinking.

    ReplyDelete
  35. Hi Josh,

    Thanks for updating and alert on Google Sites for hotlinking. I myself hardly use it so would not know of any new problems. Tell us more about other free file hosts that allows hotlinking?

    ReplyDelete
  36. i tried this but it doesn't works with internet explorer.. please help me...
    http://malayalampoems4u.blogspot.com/2010/08/home-o_6378.html
    this is my blog post

    ReplyDelete
  37. Hi peter,

    is there any way to add music into my blog? my blog URL - sisaperjalananhidup.blogspot.com
    i tried to link music from google sites but failed. btw, i'm using google crome.
    any idea?

    thanks for your help.

    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