I see you're using Internet Explorer.  Try Firefox, you'll like it better.

      · Firefox blocks pop-up windows.
      · It stops viruses and spyware.
      · It keeps Microsoft from controlling the future of the internet.

Click the button on the right to download Firefox.  It's free.
 
 
iWeb Tips and Tricks iWeb Resources
IMPORTANT: If you have not read my Basic HTML Editing Instructions, do that first!
 
This tip is based around a neat little javascript available on the del.icio.us website. You can see it in action at http://del.icio.us/help/playtagger
 
OK, first, make a page in your site for music, call it Music for the sake of this discussion.
 
Type out a list of the songs you want to play, then use inspector to make each one a "Link to File” and link them to the corresponding mp3 files. Then, publish.
 
Open the file Music.html with a text editor and inset this code anywhere on the page:
 
< script type=" text/javascript " src=" http://del.icio.us/js/playtagger " >< /script >
(remove the spaces inside each set of quotation marks and inside each bracket - I had to put them there to prevent my MassReplaceIt script from replacing this code!)
 
Here is an example: Feels Like Home
 
As you can (hopefully) see, this little one line script puts a little blue "play" button beside each mp3 link. Visitors can click play to listen, or right click on the link to download.
 
Here are some other resources for implementing mp3 players on your site, however they are all much harder to implement than playtagger:
 
  1. •http://musicplayer.sourceforge.net
  2. •http://www.wimpyplayer.com
  3. •http://www.flamplayer.com
  4. •Others available at http://www.widgetbox.com - very easy to implement using my Basic html editing instructions
 
Remember, if you make a change to a page like this post-publishing, and later re-publish, you have to make the html changes again! Set up a Find/Replace command in MassReplaceIt and you can do this very quickly.
 
RATE THIS TIP:
 
Please, leave a comment in my GuestBook if you are confused and need clarification, or just to let me know this has been helpful!
 
Or, maybe you are feeling really grateful and generous... care to buy me something off my Amazon Wishlist? Just about everything on there is intended for my classroom, so you would be making a great donation!
 
Go back to the main iWeb page...
 
 
Creative Commons License
This work is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.
 
 
Adding a "play" feature to a list of MP3 links
 previous
 
next  
 
 
  1. •Apple iWeb Discussion Forum
  2. •iWeb Tips by Tom Gwecke
  3. •Willg4pb’s iWeb tips
  4. •Articles by Michael Wong
  5. •Templates by Susanne Boben
  6. •iWeb Discussion Forum FAQ
  1. •iWebSites  - for managing multiple Domain.sites files
  2. •MassReplaceIt  - for quickly adding code post-publishing
  3. •TextWrangler  - for adding code by hand
  4. •WebExport - export cool slideshows from iPhoto
  5. •Statcounter - web site visitor stats
  6. •Haloscan - blog commenting
FREE Tools I Use
 
 
 
My Amazon.com Wish List