:: Resources::

iWeb Users:
Did I mention that all you have to do to add audio (or almost any media) to your blog entry is a matter of dragging the audio file from a folder or an iWeb media window right into the blog entry. Period. You can ignore the rest of this tutorial.

Those of you interested in using iWeb to publish your podcast, check out this little video. The video features an older version of iWeb (from iLife ´06).

[2022-07-19, Sadly, since this resource was posted iWeb no longer exists… ]

THE OTHER BLOGGING PLATFORMS

WordPress and other platforms have “Add Audio” buttons built right into the editing window. Please check out the following video tutorial on adding audio to Blogger by Bob Walker. By the way, Bob’s embed code is listed below in Step Three of the manual mode. LiveJournal (and Blogger) don’t offer an “Add Audio” button, so you are left to use the manual “Add Audio” method listed after the video.

HOW-TO MANUALLY ADD AUDIO FILES

Just as with manually adding images, If you find yourself in the unfortunate position of having to add audio or media to your blog with no built in way to do it, you´ll need to do the following steps:

  1. Upload media to a web-browser accessible server location
  2. Figure out the URL to your image(s)
  3. Insert media code into your blog/webpage

Step One: Upload Media
There are probably dozens of ways to upload media files to free sites that might accomplish step one. I´ve chosen a way that uses MobileMe and iWeb. View the MacMost video (right) on how to use your MobileMe´s “Web” folder without using iWeb.

  1. Launch your iDisk and open it in finder.
  2. Create a folder & index.html file (per MacMost video).
  3. Copy your media files into the folder you created in step two. Remember, you are copying files to the Internet so, depending on the speed of your connection, it might take a long time to copy your file(s).

Step Two: Figure Out the URL to Your Media

add audio01-idisk
add audio01-idisk
  1. When Finder is done uploading your images, go to your iDisk. Go to the following folders: Web > Sites > YOURFOLDERNAME (for example “media”), check to see that your file is loaded
  2. Type in your URL in a browser to test to see if the you have the correct info: http://web.me.com/YOURMOBILEMENAME/YOURFOLDERNAME/YOURFILENAME.EXT. You should only see your image in the browser. Copy the URL.

Step Three: Media Player Code into Your Blog/Webpage

  1. Open a new blog entry. Switch to HTML or Code view.
  2. Type in the media player code in blue listed below substituting “yourmusic.mid” with the URL location of your MP3: <embed src=”yourmusic.mid” width=”140″ height=”40″ autostart=”false” loop=”FALSE”> </embed>
  3. Save and preview your entry to make sure the media player appears the way you want. SAVE and PUBLISH your blog entry/webpage.

Congratulations, you´ve just manually uploaded and inserted an media player into your blog entry!

Sources:

(close this window to return to previous web page)