Music players

You can add music by using the Widgetbox Gallery widget:

1. Drag and drop a Widgetbox Gallery widget onto your page.
2. A dialog box will open, click on the "Audio" category or search for "Music".
3. Choose the player that you would like to use on your site.
4. Edit your settings to customize your widget (the music URL looks something like: http://mysite.yolasite.com/resources/song.mp3 - see full steps further below).
5. Click on the green 'Get Widget' button and it will be saved and added to your page.
6. Save and preview your page to view the widget.

You can also add music by using Widgetbox or Google Gadgets widgets:

1. Click on the "Advanced" folder on the far right of your screen.
2. Drag and drop a Widgetbox widget onto your page (Google Gadgets also has players).
3. Click on the link in the dialog box that will take you to Widgetbox.
4. Browse for a player. Here is a direct link to one where the plays when your site opens: myplayer
5. Customize your widget (the site will take you through the steps depending on the player you select, see those steps below).
6. Copy the HTML code provided.
7. Paste the code into the dialog box in Yola and click "OK".

To play a song that you've uploaded to your site using one of the above widgets, edit the settings so that the URL looks like: http://mysite.yolasite.com/resources/song.mp3

• Where 'mysite' is the name of your published site
• song.mp3 is the name of the music file you've uploaded and would like to hear
• Remember to include any folder names in the file path if your file is stored in a folder in the File Manager. For example, if you have Music folder: "resources/Music/song.mp3"

To embed an ODEO player, add this snippet of code using an HTML widget:

1. <embed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent"  type="application/x-shockwave-flash" flashvars= "valid_sample_rate=true&external_url=MP3 FILE ADDRESS" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>
2. Replace MP3 FILE ADDRESS with the path to your uploaded file (see that info above).

You can also add a small console player to your page with custom HTML:

1. Upload the music file to your File Manager.
2. Drag and drop an HTML widget to your page and paste the following code into the editor that opens:
   <embed src="resources/song.mp3" width="140" height="40" autostart="false" loop="FALSE"></embed>
3. Replace "song.mp3" with the name of your uploaded song

Click on "Update my Site" for the changes to occur live on the internet.

Please ensure that you own the copyright to the music you will be playing.