[ Main Music Page ] [ Frame 1 ] [ Frame 2 ] [ Frame 3 ] [ Allwebco Templates ] [ Allwebco Hosting ] 
|
[ Open a Test Popup ] Music Popup Add-on Setup: This script is provided free to all our template users. We do not however provide support for adding the feature to your template. Click here for help with this add-on Search our support center for any help STEP #1: Create a new folder in your main template folder and name this folder "music" all lowercase. STEP #2: Copy all the files from this zip file into this new "music" folder. STEP #3: Select, copy and then paste the following code into one of your .js files at the very bottom. This is best to add to your "javascripts.js" or "blockerror.js" file. The second choice is to paste this into your "pop-closeup.js". Another option is to use the script code from the top of this help page and paste this into all your HTML pages. View the source of this page to see the code. STEP #4: OPTION #A If you would like to add a link for this popup to one of the HTML pages, the sidebar or to the menu (this can be tricky on a drop menu template) use the following code. Link on a page: Paste the following in the main body of your page: <a href="javascript:popmusic('music/music.html')">Play Music</a><br> Link for a menu: Add only the following in place of the .html part of your menu. For example, replace "about.htm" with the following code: javascript:popmusic(\'music/music.html\') ...or you may need to use this code on some menus: javascript:popmusic('music/music.html') ...or this code: javascript:popmusic(\"music/music.html\") Link for the sidebar: Add the following to your sidebar.js: (You may need a new class for the link color.) document.write('<a href="javascript:popmusic(\'music/music.html\')">Play Music</a><br>'); STEP #4 OPTION #B For an automatic popup. Select, copy, and add the following code to the body tag on any HTML page that you want the music popup to open with automatically. onload="popmusic('music/music.html')" NOTE: Basically it will go in the "body" tag like the following: <BODY BGCOLOR="#FFFFFF" leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginheight=0 marginwidth=0 onload="popmusic('music/music.html')"> TROUBLESHOOTING:
OPTIONS: USING OTHER MUSIC: You can use any other music that you would like. You can use another mp3 file, .wav, .au or .mid file. Edit any one of the 3 "music_frame-?.html" HTML pages that you placed in the music folder. Edit the "music-?.mp3" code in 2 places in each page. Be sure to edit ".mp3" file code in 2 places. BUTTON WIDTH AND FONT COLORS: Edit the "music.css" in your music folder to change text or button colors or to set the width of the music popup buttons. Click for color choices. ADDING MORE SONGS: The "music.html" is the main music page. Each song has it's own HTML page that the "music.html" is displaying inside of an IFrame. To add a new song to the player:
BUTTON NAMES: Edit the "music.html" to change the popup button names. SONG TITLES: Edit each "music_frame-?.html" to change the text song title names. THE MUSIC PLAYERS: The actual player code will be found in the 3 "music_frame-?.html" pages. You can edit some of the options such as the height and width of the player, border colors and other items in these 3 pages. Keep in mind that you will edit most of the options in 2 places in each of these pages. VIDEO: You can use these players for video. This will involve editing the code in the "music_frame-?.html" pages. We suggest searching at Google for "embed object video" for more info on the options available. POPUP SIZE: The size of the popup is controlled by the code you used in step #3 above. Currently this is set to 300 x 220 pixels. Best of luck with your new add-on and your website! -Allwebco- Sound clips © 2009 Square Peach Music |