In the previous tutorial, you learned how to create a video popup by clicking on an image. In this tutorial, we will open an audio popup by clicking on a text link.

First you must upload your audio files to the File Manager. If you don't know how to do this, study this tutorial.

If you are following these tutorials in sequence, you are already familiar with how to create text links and image links. When a visitor clicks on one of these links, it will launch an audio player in a new window. The type of player that is launched depends upon the file type. If a site visitor does not have the necessary plug-in in their browser, they will be unable to hear your file.

To begin, you'll need to login to the Administrative Console. Directions for this procedure are found in the first tutorial.

1. 1. In an earlier video, you learned how to upload video files to the File Manager. Uploading audio files follow the same procedure. For this tutorial, we have uploaded an mp3 file named "My-music.mp3".
2. 
3.  
4. 2. After logging in to your Admin Console, click on the "Pages" link.
5. 
6.  
7. 3. Select the page you want to edit.
8. 
9.   
10. 4. We are going to link the "My-music.mp3" audio file to some text. When a visitor clicks on the text, a music player will open in a popup window. To create this link, select the text, then on the "link" icon in the toolbar.
11. 
12.  
13. 5. When the dialog box opens, click on the "Popup" tab. Then click on the "Javascript popup" checkbox. Finally, click the "browse" icon.
14. 
15.  
16. 6. Select your mp3 from the file list. Remember, this file has been already uploaded to the File Manager. If you have uploaded your audio file and it does not show up in the dialog box, a necessary plug-in may be missing from the HTML editor. Consult your developer for assistance.
17. 
18.  
19. 7. You will need to enter the desired dimensions of your audio file, positioning preferences, and a name for the popup window as shown below. Optional popup features are also available. When you're finished, click "Insert".
20. 
21.  
22. 8. To save and view your results, click "Submit". (You will not see your changes by clicking "Apply".) You will be returned to the "Pages" section. Click the "View" icon to see the live update on your web page.
23. 
24.  
25. 9. To launch your mp3, click on the image link. The audio player will appear where you positioned it and begin to play. If you want to link your mp3 to an image instead of text, follow the steps in Part 1 of this series.
26. 
28.  

Part 3 in this series will show you how to link to documents.

Back to Tutorial Index