Monday, May 20, 2013

Rock Your Site By Adding Music

A very popular feature that admins like to add to their web sites is a music playlist.  Admins frequently add these to their homepage, photo galleries and other pages of the site.  You can also choose to add your music player with "pop out" player functionality, which means that it will open in a new window, in the background, and remain playing while your user navigates the site.

There are a couple options for how to add a music playlist to your site.  You could choose to use the Playlist Generator that is included with your site if you have MP3 files on your computer that you can upload.  Or, you could choose a 3rd party music playlist system such as Playlist.com or Grooveshark.com (among others), and utilize their Embed / Share tools for adding the player to your page.

The process is fairly simple.  Once you have a playlist built one the system of your choice, you will do the following:
  1. Locate their Embed Code link
  2. Copy the code
  3. Return to your site and go to Edit Site Pages > Edit Page next to the page you wish to add the player
  4. Locate the Content Window and click SOURCE in the upper left corner of the tools
  5. Paste the Embed Code into the source view
  6. Save the page and go to the page via the site navigation to test the player


There are a few things to note.  If the player is to be seen near the top of the homepage, it can be no wider than 420 pixels. [UPDATE: No wider than 459 pixels or if in an announcement no wider than 437] ,   You may need to change a few width numbers in the Source view of your Content Window in order to have your video display at this width.  If you notice a large blank area near the top portion of your page where you would expect to see the player, you know that the player is too wide and that you need to make some tweaks to the code.

The process for adding any 3rd party embed code to the site is always the same.  So, the above directions will work for adding countdown clocks and YouTube.com videos to your site as well.  We have also produced a very short video that will walk you through the process.

Good luck adding a music player to your site.  Music can spur memories from your high school years!



No comments:

Post a Comment