To include an Audio clip in your posts

Many would harbour the wish to be able to have an audio clip inserted into their posts.Look no further..mission acomplished.You will be listening to a song in Tamil here.



Do follow the instructions carefully.

  1. SAVE AND BACKUP YOUR TEMPLATE
  2. Assuming that you have the concerned audio clip ready in your computer

  3. Upload the audio file

    • Geocities and Google Pages allow us to create webpages and upload files.
    • So using your yahooID or gmail ID create your website (we will be using the filemanager feature).Eg.I have one-page website with some junk text

    • Why i did this.. please see here..thanks to Rose for telling me

    • Register with FiledenSelect the Free-Account plan

      This is a Free File hostng service provider.Allows us to upload files to put on other websites, communities or to share with friends and family. FileDen.com offers the service absolutely free of charge

    • Upload the audio file using the UPLOAD link
    • if you are presented with IMG tag window select DIRECT LINK ..this will give you the direct link that you can use in the blog
    • Otherwise..Locate the filemanager link
    • Once upload is complete and you are able to see your audio clip in the list provided by the file manager…Rightclik –properties–copy the URL into a notepad and save it

  4. Inserting audio clip into the posts
    • Place this code in the edit html page of your post
    • <embed src=”URL_OF_YOUR_AUDIO_FILE” autostart=false loop=false height=62 width=144 controls=”console”></embed>
      You may vary the height and width to suit your posts
    • You can place this code at any postion of the post content ..just move this code around.,.and see where it fits best
    • The advantage is..the audio clip plays in the same window ..ie.. does not open another annoying pop-up window

Hope you were able to add an audio file of your choice to your post.Do drop in your word so that like minded people can also share your thoughts.b/w Donot forget to mention this post in the CREDITs section of your blog..

107 Replies to “To include an Audio clip in your posts”

  1. What you fail to tell people is that Google pages requires you to have a mobile phone to create an account or a gmail account & geocities does not allow hotlinking.

  2. Welcome Rose..
    Thnks for telling me..
    but..
    I have not givem my mobile number to google & i fail to understand what u say about hotlinking..
    My audio file is in geocities

  3. Rose.. if you are speaking about audio blogging.. then i am sorry.. i have no idea about it..This is just about adding some audio file in your computer to the blog post.
    🙂

  4. I’m not speaking about audio blogging. I’m talking about adding a music clip to your blog.

    You need a gmail account or a mobile phone where Google will send a text message with an invitation code to create an account.

    Geocities does not allow ‘hotlinking.’ Your audio file might be there, it just means that you have not gotten caught yet.

    Hotlinking is linking directly to an image file in this case a media
    file stored on another website.

    “(o) use your home page (or directory) as storage for remote loading or as a door or signpost to another home page, whether inside or beyond Yahoo GeoCities.”

  5. welcome Scott
    Acn u pls tell me whre u have uploaded the audio file .
    Coz..i am actually surprised why its not working..
    And Do give me the URL where u have tried the audio clip.
    Deepa

  6. Hi Deepa, It’s me again.

    I want an audio player in my side bar and would like to upload a mp3 song in it, say, every week or so..
    You have seen my blog. I always have a current song at the end of my post. So, when I have my new post, I want to change the song as well but not at the post level.
    Is it possible to do?

    Y’day I tried to do it with odeo.com like how Scott was trying to do. The problem is I can see a player on my side bar but don’t know how to upload song from my collection out thr.

  7. Hi cuckcoo…Good to see you again.
    I like your blog..its intresting
    —————————-
    I want an audio player in my side bar
    —————————–
    for this,you need to add a html widget to your sidebar and follow the same prodecure..this will place the audio console in the sidebar…Take care to give appropriate width.. so that it does not cause the sidebar to drop to the bottom..the ideal width would be SIDEBAR WIDTH -10PX

    ————————
    I want to change the song as well but not at the post level.

    ————————-
    yes..its possible to change the song..without altering it at the post level.But do tell me what filehosting service are you using to upload ur music files..
    Eg..i use Fileden to upload Mp3..txt..etc etc..

    🙂
    Deepa

  8. Cuckoo
    I have never used odeo.com..
    but from the site i guess you can only use the songs (mp3) available in there.In order to have u r persoonal choice of audio/song.. in the player..i suggest that u use some free filehostng service (that does not require you to signin once in 30 days or it will be deactivated)…
    Mysuggession would be fileden and Ripway
    🙂

  9. Thanks Deepa for liking my blog and for your response :))

    I’ll give it a full shot during the weekend, as I told you I have already tried once but coz of lack of time couldn’t explore more, otherwise would not even have bothered you!

    Yes, tried Odeo.com first, that doesn’t suit me coz of the reasons stated by you then did it thru FileDen before getting here. It was a success! But then I want a good looking console.. me greedy ? 😉

    One thing I want to ask you before I officially put it on my blog. Is there any software / site for reducing the quality of mp3 before I host them ? Most of the songs are in 6-10 MB range and I don’t want ppl cursing me for downloading that much everytime they come to my blog. 😉
    Quite a few are daily visitors to my blog. :))

  10. First, thanks for linking to my blog. That was really kind of you. Second, I was wondering the same thing as the previous commentor (about reducing the MP3 file size). Third, where can I find a widget to add a player to my side bar? I really like your blog, especially this post. It has been a great help. 🙂

  11. Welcome Revka
    ——————-
    where can I find a widget to add a player to my side bar
    ——————
    The audio plyer that u se here is not a widget…jut a line of html code..To have this in your sidebar… go to template-page elements-Add the html/JScript-element to your sidebar and follow the instructions given…this should add the player to your side bar
    hope this helps
    Deepa

  12. HI Deepa,

    With you help and direction, although I managed to insert the audio clip to my blog. But the audio doesn’t play after I waited for so long (more than 1.5 hour). It’s still saying “Transferring data from http://www.fileden.com“. Did I miss out anything?

    Would you mind have a look to my blog at
    http://wtt-alphaomega.blogspot.com

    My audio IMG tag is: http://www.fileden.com/files/2006/12/27/562448/HJJ.mp3

    Thanks ahead for you help!

    Desmund

  13. Hi Desmund
    I can hear the song at your site..
    its some instrumental….very soothing..
    Cant figure why u are not ablet o hear it..
    🙂
    Deepa
    ((just chek the basics…volume is not mute and things like that..))

  14. Hi Deepa,

    Thx for ur time looking into my blog. I hv checked, everything seems alrite. But the player just doesn’t move. I can’t hear any music playing(piano music I inserted).

    Is there any setting I should change to activate it? Please advise.

    Thanks a million!

    Des.

  15. Hi Deepa,

    I managed to play the backgroud music in my blog now. I appreciate your help very much here. You have a nice day!

    Des.

  16. Hi Deepa,
    Checked with the site you mentioned for reducing the quality. This is just to inform you & fellow readers of your blog.
    I converted frm MP3 to MP3. It asks for the reqd bit-rate we want in output.
    What it actually does is, cuts the song in half & then reduces the quality as per your reqd bit-rate for the 1st half. SO my 13.7 MB song was reduced to 1.3 MB !

  17. Cuckoo..
    So i think u are happy with the site and the output..thks for the update
    btw.. for the diff consoles… can u give me the site where u spotted the console u wnated to add to u r blog..that will give me somotheing to work on..

  18. hi Deepa
    Fileden is not a good option i guess,since it has low bandwidth 5GB/month.This will run out soon when u hav more traffic

  19. Welcome Techno..
    Basically I dont at audio or music to my blog.. this was just for test puropouse..However.. Just as you say.. as there is more traffice the bandwidth will run out sooon..do suggest alternate file hosting sites that allow hotlinking..I Shall duly include them in the post..thank you

  20. I love this tool, but is there any way to have the audio clip NOT start automatically? No matter what I do, the thing starts as soon as I load the page.

    Thanks again!

  21. I’ve copied and pasted your script exactly, and it still starts automatically. Totally frustrating. One thing I’ve noticed: Blogger is changing the script so that there are quotations around the FALSE. (autostart=”false” loop=”false”) Is that important?

    Any other suggestions?

    Thanks again for your help.

  22. AHA! Using “0” instead of “false” works better… but you may want to double check that, as I’m no genious at this stuff.

    I think the problem may lie in the fact that I was viewing the page using Mozilla and not IE.

    Anyway, works now.

  23. Thanks for the update Bov..
    But i still wonder why false didnot work earlier and about the automatic addition of quotes..
    can u pls tell me what template u are using.. so that i can test this there..?
    I also see that you have not enabled public profile.. and i undersntad that u have a private blog..
    So do give me u r template name for me to test this snippet

  24. Absolutely – I’d be happy to help.

    I am using the Thisaway Template, and I inserted the audio device into my sidebar using the HTML/Java script Page Element.

    Unfortunately, I can’t find the exact links for this, but basically I just googled “problems with autostart = false” (or something like that)and got the idea that the problem was FF and that a solution would be to use “O” instead of “false.” I gave it a try and it worked. That’s all I know. One other site suggested using “autoplay” instead of “autostart” but i didn’t try that.

    Hope that helps, but if you need more info, let me know.

    Thanks again.

  25. Bov..
    I am, still surprised
    Is my testblog where i have added the audio to the sidebar.. just copy+paste.. works fine.. deont start automaticaly at all.I am using IE6.. may be its just as you said.. diffrent browsers react diffrently
    Thanks again..

  26. Deepa,
    thanks for the always clear instrucions. With fileden did not work but googlepage creators uploaded fine.
    Nice week-end all of you!

  27. Hello Deepa I need some help I followed your instructions and it didn’t work. AT ALL…

    I would love to play my favorite song on my blog….so could you help me?

  28. Welcome Zandra
    Could u please eloborate on the problem…what was teh error message etc.. then i will be able to guide you better

    B/w I saw u blog.. the font color and the background color kind of makes it difficult to read
    Can you please change the color of the text
    You can do that by
    body {
    background:#000000;
    margin:0;
    color:#006699; < --change this to As Eg:
    color:yellow;
    or any color of you choice
    hope u dont mind me telling this

  29. Well the color of my text is the same one you suggested, but I can switch the color do another color…..Thanks for responding. Well, I have a few questions in mind, can you upload music from your computer onto your blog, using the URL? 2. Where shall I find this “filemanger”, is it the address? Those are some of the problems I had with this. Once this will be solved, then I will hopefully be able to do this.

    Again thanks for responding, and adding a few hints about my blog! 🙂

    Zandra

  30. Zandra.. Glad to see the new color combination in the blog.. way to go .. you have started tweakeing your template..

    In order to access files from the computer to the internet.. it is necessary that you upload it to a common server and call your file from that location..

    Fileden (link given in blog) is one such service.
    Just register yourself with fileden and upload a file..
    Look around the options available in fileden once u have uploaded.. you will see a link called “FILES”.. if you clik there.. u will the fi;e u have just now uploaded.. then rest is easy.. just follow the instructions
    Hope this helps
    Deepa

  31. Deepa I am in great dept to you…lol..Thanks for your blessing…I will honor it…..and the comment upon my blog. Thank you so much and I hope that our paths will cross again. Again thank you so much and bless you. Have a nice and relaxful week.

  32. hi. i manage to post the player etc on to the site. but yet it doesnt play on its own. instead we need to double click b4 it play. n during the song being played at times the song wld juz stop on it own.. may i know wat’s wrong? as me is new to it. thanz alot.. this my blog.. ir3n3z.blogspot.com

  33. Hi Irene
    The (technical)reason the why the songs does not start automatically is…autostart=false
    Honestly.. its a very bad practice to autostart the song,,,It drives your visitors away..
    still if u insist on playing the music automatically.. u can change the value to TRUE
    /////
    instead we need to double click b4 it play.
    ////
    REASON:- 1st click is to activate the control … 2nd click is the clik of the actual play button

    ////////n during the song being played at times the song wld juz stop on it own
    ///////
    Thats coz.. the song has been played once ie.. it is not played continously..If you still want the same song to be played on-and-on-and-on then loop=false change this to TRUE

    Hope this helps

  34. oic.. ok.. i shall go try it n see how.. as for the autostart on playin the song guess i’ll juz put it there a few dayz n change it.. hee.. thanz alot..

  35. Thanks deepa. i’m a real beginner at blogging and you are a life-saver.

    I tried searching for so many sites on this and was nearly giving up.

    Thanks again!

  36. welcome Quekman
    I am glad that you found my blog helpful..
    If..its satisfaction upto u r expectaion.. do recomend to your other frineds too..
    Nice to meet you
    Deepa

  37. Hi Deepa,

    Thanks for the post! My file worked beautifully. I have 2 questions:

    1. It only works in IE, not in Mozilla. Do you know any way to fix that?

    2. Is there a way for me to use a smaller icon (like a little music note or something) instead of the full music player console?

    Thanks!

    Alan

  38. Welcome Alan
    🙁 Sorry for the delayed response

    I have never used Mozilla / Firefox.. so i have no idea as to how to fic the problem.. Infact i dont even know how my blog looks in a Mozilla / FFox browser

    Try reducing the width of the console.. so the bare minimum controls are available to the user
    Along side you may show any images with the < img >tag

  39. Thank you alex for pointing out it to me
    I think the downlaod limit have been exceeded.. hence filden was temporirily blocking the file..

    Now i dont think there will be any problem..I have hosted the file in googlepages

  40. wow!deepa..this will be useful….once i am able to play full songs in my violin i intend to put them in my blog….thanks 🙂

  41. Hi Deepa…
    Your blog is really really neat and helpful for newbies like me ..who are just into blogging and would love to know how to add brownie points for the blog….i did a search on google on this and went to many sites but nothing is better than yours…aka i understand wht you say!!!!Thanks and keep going….and if by chance you have time to spare …visit my blog and gimme your feedback(abuses!!!)..
    @ http://pr4peace.blogspot.com/

  42. Welcome Prashanth..
    Glad you liked this blog of mine..
    thank you very much for the appreciation..Its appreciations like this that inspirs me to write more posts 🙂

  43. Hey thanks a lot for visiting my blog….btw i am an ardent fan of firefox…so i actually did all the stuff in it….and i also like the player ‘look’ in it..it worked real fine..but to my dissappointment i dont have firefox in office….so when i did chk in IE it did not play…as a matter of fact even the play button does not become readonly….and the slide bar does not move..any suggestions…Thanks for the same!!!

  44. Hi Prashanth
    If you had used the same CODE as you see here and worked well with firefox (thank for telling me that).. then this should also work for IE.. coz..I am in IE and has never used Firefox…(or for that matter..I dont even know how my blog looks in FF browser )..

    Sorry cant help you there with FFox

  45. Hi Again..
    I think the problem might be that the quicktime plugin might be missing in the IE @ office…i cant download and check as the sites are blocked.Anyway thanks a lot!!!

  46. Deepa,
    Thank you for your words of wisdom for new bloggers. Your directions were easy to understand. I am wondering how I can put in more than one song? Thanks for your time.

  47. Welcome AboutUS
    YEs its possible to put a list of songs and allow the user to choose a song to play.. infact i also have a code for that.. but when i tried to publish that code.. it created lot of load on the browsr and my IE crashed :((.. so i guess its not a good idea afterall .. in blogspot.
    However.. if u are having a dedicated server with excellent downlaod speed.. then it would be a great idea:D

  48. Thank you very much, deepa. I’m not good at all in informatics. I’m just starting my blog- my very first one.
    At the end, I’ve been able to put the music in it. Sorry for my English. Xxx

  49. Ininde..
    >:D< welcome.. Glad that my instructions were of assistance to you.. If you cannot follow../ diffculty in using the instructions.. donot hesitate to drop a comment..

  50. Welcome Logan
    I saw your blog..I could not find any voice player there,, I even tried searching through your souce code,,Perhaps you removed it.

    Do give me the URL where u have tried the audio clip.

    hope to be of assistance

  51. Hi Deepa,

    Your advice worked well enough, but the image of the player is just a black thing unless I edit the html to 0 pix height and width. it’s rather ugly, as not there’s a blank html sidebar with only one word. To get it to work at all, I had to use quicktime. Is there a way to make the player an actual player instead of that blankness? Thanks, Deepa.

    http://germanvoodoo.blogspot.com/

    If I forget this, I’d appreciate it if you left a comment on my profile or emailed me. The email is on my profile.

  52. German Voodoo.

    If you are setting the width and height to zero.. you are virtually making the controls invisible to the user.. ie… he cannot control volume / puse / start / stop of the music

    Since the same console is used to play audio & viedio files.. the “black” thing u see.. comes handy for vedio files ( avi mpeg)

    If you wnat to display only the control part ( minus the black thing).. then adjust the height apprpritately..

    hope this helps
    Deepa

  53. Hi! Got my audio up and running. It stayed on my site for a while (an hour or so) and then vanished! Now I have a quicktime question mark in place of the player widget. I’ve tried to replace it but with the same result every time. Can you help? Here is my blog:
    http://www.alistairsheltonsmith.blogspot.com
    The audio is on the right hand side if you scroll down.
    Thanks!

  54. Anon..
    welcome..hi
    I saw u r blog..at the audio section i see this message This is a private file..only owner can view/download it

    Try uploading to googlepages and use that link… (after uploading right clik the file-properties-URL)

  55. Hi Deepa,

    Many thanks for the quick response! I can see why everyone seems to be chuffed to have found your site.

    Since my last message I uploaded my file through File Den instead of Speedy Share, and low and behold the little player widget stays on my site but, as you rightly pointed out, it seems that other people looking at my site can’t play my audio clip……..which was not the idea I had atall!!!!

    I have had a look at Google Pages as you suggested. It seems that you need to go on a waiting list before possibly being given an account. Do you have any other ideas up your sleeve? : )

  56. Anon
    ( Please leave a name — any name next time.. its easier to converse that way)
    Thanks for the appreciation

    I dont know if u have tried.. just go to gmail.com and get urself a gmail id
    after aquiring a gmail ID.. login and then type googlepages.com in the browser…

    every gmailID has a googlepages accnt.. i dont think this has any kind of waiting list.. i am still surprised by what u have just said
    ((((QUOTE:It seems that you need to go on a waiting list before possibly being given an account)))))))

  57. ….also just found out that Google Page Creator doesn’t like my Safari browser. Maybe it’s my lovely mac which is to blame for all this! : )

  58. Hi Deepa,
    I have come to the end of my tether with the audio thing right now. No doubt a solution will arise sometime. But thank you so much for showing your concern. Keep up the good work : )

  59. Alistar
    Sorry i could not be of help.. as a last try
    If googlepages is not working for you.. may be you can try geocities.. it uses your yahoo login…

  60. //Register with FiledenSelect the Free-Account plan

    This is a Free File hostng service provider.Allows us to upload files to put on other websites, communities or to share with friends and family. FileDen.com offers the service absolutely free of charge //

    Deepa
    similar sites offering free online storage

    http://www.putfile.com – unlimited storage

    http://www.boxstr.com – 10 GB free online storage

    http://www.4shared.com – 1GB free online storage

  61. I’ve been using your advice for a while now and this audio blog posting seems to work only 50% of the time. Some people can see the audio I post and some can’t. Any advice as to why that is????

  62. Hi Amy.
    welcome here.
    Yes, I have noticed that too.. that happens when the file is uploaded to a common server like googlepages, fileden, or geocities.. etc.. where each file is given a specific bandwidth.

    Once the dload exceeds this bandwidth for that month, then its inaccessible for the rest of the month.
    Well, the inconvenience is part of “free” service

  63. Amy, this is one think we have to put up with free file hosing services . If you want, you can opt for paid file hosing services that provide unlimited (or much heigher) bandwidth and download… i think all free hosing services had a paid plan.. just compare them and pick the one that suits best

    hope this helps

  64. hi, first of all, many tanks for the info.

    im concerned about the file hosting. currently, im using boxstr wich suit me best at first. but, since i dont put a song for each post on my blog, it once happened that i didnt upload anything for a month, wich means i didnt log on to my boxstr account for that period, and i found all my files deleted and a message saying that free accounts get the files deleted after 30 days of inactivity (wich is not logging in), so now i checked fileden, and it says it deletes the files after 60 days, wich is kinda better. now it would be cool if files didnt get vanished at all.

    i have no problem with the bandwith limit, maybe only with the size limit of individual files, but it really bothers me having my files deleted and its also frustrating having to log on every once in a while just to keep the account active. do you know of any host service that doesnt delete the files (on free accounts of course)? does googlepages have this issue?

    regarding the bandwith limit many people may not like: with boxstr, i made two accounts, and i use once at a time. for instance, i post a song today and use the first boxstr account, the next song i post i use the second one, and so on. i cant tell if it really helps to reduce the bandwith cause i dont have much traffic on my blog, but you may give it a try, just thought it could be of help

    so, many thanks in advance, see you!

  65. Hi emanuel ,
    There is always soe catch with the free file hosing services… better we start accepting it.
    These are the possible scenaripos when the sonf does not work
    The song does not show up.. of the band width of the is exceeded ( as in google pages).. but file is not deleted..and the song show up from the next session starts ( could be weekly or monthly)

    Fileden requires you to signin every 30-90 days.. and so deos many other sites.
    Each of these sites will have soem kind of alert setting that will ping your inbox if you dont login for 30 days.

    My files are distributed across fileden, filecube,box.net.. etc.. so i get alert in my inbox telling i have not logged in… i immedialty log in and logout.. and forget about it for the next 30 days.

    So with free filesharing.. we need to do some xtra work.. there is no escaping this 🙂

  66. true that, about the extra work. thanks for making me see it 😀

    yeah i read fileden sends an alert, funny thing is that boxstr didnt send any; i was thinking about asking the support about this.

    just wanted to make sure i wasnt missing any possible solution so thanks anyway, be seeing you!

  67. Deepa: thank you so much! I’m a total moron when it comes to code and such…this directions were a piece of cake.

    – Jessica

  68. Hi Shantanu,
    I have not published your comment ( as you have given your email ID), but will address your concern here.

    Where are you trying to add the audio.. is it directly at the template – edit html.. ??

    Did you try using HTML widget from template – page elemetns, and then drag this to the location ( below the header.. i guess)..

    Do let me know in this regard

  69. @Shantahu

    you can give
    autostart=’true’ .. to start automatuclly Insert that into the tag.

    A word of caution:-

    But not advisable to use autostart.
    May people will not return if you keep it that way

    PS:- your comment had email ID, hence not published

  70. Go to googlepages.com ( you must be logged in to gmail account)..

    In the right side.. you will se browse button … scroll bit down if u dont see..

    use that to upload u r file

    Once file is uploaded.. right click.. properties … copy url

    plaste that url here.

    Hope this helps
    Deepa

  71. THANK GOODNESS FOR YOU! I have been looking for just this ability. We have used gabcast but their player is so unsightly. And I even paid the $4.95 to fileden to host all my files. Very understandable and works great! Ok now who knows anything about a service to sell the downloads?

  72. hi Ann,
    welcome here, glad to know that you found this post useful.

    as for service downloads, did you happen to try box.net / fileqube.com Not sure if this would suit your needs, but nevertheless good to try

Leave a Reply

Your email address will not be published. Required fields are marked *