 | |
 [ HomePage ] [ Allwebco Design ] [ Allwebco Templates ] [ Allwebco Hosting ] 
[ Your Missing Page ] [ Your Thanks Page ] [ Cart Thanks Page ] [ Download Page ] |
This is an "SDL" type 1 template: "SDL2" type pages are included. (See step #7 below) Setting up your website template: WARNING: Because of the large sizes of sound files, you may want to keep your bandwith usage in mind on your account so you don't go over any limits if your site gets very popular. Also, all sound files used on Allwebco hosting MUST be legal for you to use and not infringe on any copyrights. Click to check for updates on this template style Step 1: EDIT FLASH ANIMATION: | Click for more details Open the "flash.txt" file with Notepad and change the text following "logo=" to match your name or site name. Be sure not to delete the "logo=". Edit the text following "&cornerletter=" to your text. Be sure not to delete the "&cornerletter=". This will update the Flash logo on all pages. If you wish to use a graphic logo, there are instructions later in this document. In the "sounds" folder edit the "player-flash.txt" and change the "Artist or Band Name" text with your site or band name. This text is for the popup mp3 player. Step 2: EDIT COPYRIGHT: | Click for more details Open the "copyright.js" file in Notepad or any text editor, and change the "Your Name or Band" with your text. This will update the footer info on all pages. Edit all ".js" files with a text editor. Step 3: EDIT CONTACT INFO: | Click for more details Open the "phone.js" file in Notepad or any text editor and change the company name, address, phone number and e-mail address. This will update contact info on the contact page. Step 4: EDIT THE CONTACT FORM: Click for current info on setting up the template forms. Click for info on adding more fields to the forms. Click for changing form sizes or colors. If you want to use only e-mail on the contact page you can remove the contact form by deleting between the "REMOVE FORM" notes in the "contact.htm". Step 5: REPLACE THE GALLERY PICTURES: | Click for more details | Thumbnail Help The best way to setup the pictures in the gallery is not to actually edit the HTML pages and change the pictures on each individual page. The fastest way is to simply replace the pictures in the "gallery" folder with your own by overwriting the files that are in there now and using the same generic names. In the "gallery" folder, replace the 36 "Fgallery" pictures with full size photos. Replace the 36 "gallery" pictures with your thumbnails. The thumbnails are now 75 x 50 pixels. Fgallery images are 500 x 333. You can make your images any size that you prefer. GALLERY OPTIONS: | Click for more details There are 2 options in the "slideshow.js" for the gallery. To change these options, open your "slideshow.js" in Notepad. The options are at the top. Step 6: EDIT THE SOUND FILES: All the sounds used on this template can be found in the "sounds" folder. HOMEPAGE SOUND: The index.html on this template has a background sound named "homepage.mp3" in the sounds folder. Replace this mp3 with your file named "homepage.mp3". To remove the homepage sound see options later in this document. GALLERY SOUND: Each of the 3 gallery pages have a background sound named "gallery-?.mp3" in the sounds folder. Replace these mp3 files with your mp3 files. To remove the gallery sound see options later in this document. SAMPLES PAGES: | Click for more details The 4 samples pages included in this template must use mp3 files. Replace all the .mp3 files in the "sounds" folder with your own. Each is named for the page and placement on the page. Example: "song1-1.mp3" is in sound-1.htm, spot 1. "song2-6.mp3" is in sound-2.htm, spot 6. It's quicker to simply replace these mp3 files rather than edit the HTML pages with other file names, although you can do this either way. Editing song names in the "sound-?.htm" pages is best done in Notepad before you start editing the pages using other HTML software because of the javascript. You can add more songs to each "sound-?.htm" page. See notes in the sound pages for code to copy and paste. Step 7: SETTING UP MP3s FOR AUTODOWNLOADS: To setup your mp3 files to sell with automatic downloads you will edit the "samples-1.htm" through "samples-4.htm" pages. Click here for complete setup info. In this template you will need to setup the samples pages for both SDL1 and SDL2 downloads, unless you either remove the album forms at the top of each samples page, or convert to SDL2 only sales. (See below) SETTING UP THE SAMPLES PAGES TO SELL ONLY MP3s ALBUMS (SDL2):
Step 8: REPLACE THE FLASH CHANGER IMAGES: | Click for more details The Flash image changer on the homepage (index.html) is randomly showing 10 .jpg images. Replace these 10 images in the "flash" folder with your own 500 x 333 pixel .jpg images. In the "flash" folder is a file called "image_changer.xml". This file is the changer setup file. Edit this .xml file in Notepad to change how the changer works. You can also add more images to the changer. Click for details. Step 9: SETUP THE MERCHANDISE PAGE: | Click for more details If you are selling items on your website like Cds or T-shirts you will want to edit the "merchandise.htm" with your Paypal account e-mail, item names, item prices, shipping, and return page URL for each item. In each form edit 5 areas. Edit the view cart button form with your Paypal e-mail. There are notes in the "merchandise.htm" code to indicate each form. Click for Paypal setup details. The images for the merchandise page are named "merchandise-1.jpg" through "merchandise-5.jpg" and are located in the "picts" folder. They are 75 x 75 pixels in size. Step 10: SETUP THE VIDEO PAGE: | Click for more details The "video.htm" is setup to display 4 "sets" of videos in an IFrame. Replace the 8 video files in your "videos" folder with your videos. Each video has a MOV file and a WMV file you will replace. Edit the "video_frame.htm" with your video titles and descriptions. Be sure to test both after you overwrite the video files. You can edit the 8 HTML pages in your "videos" folder like any other HTML page. All images used on the "video.htm" page can be found in the "videos" folder. Click link above for more details. Step 11: EDIT PAGES: | Software choices | Notepad Editing Edit the text on all pages with your text. You can use Frontpage, Dreamweaver, GoLive, any wysiwyg HTML editor or a text editor like Notepad. Take care not to delete any of the HTML tags that surround the text. Be sure to edit 2 pages for the homepage. Edit the "index.html" and the "home-nosound.html". Step 12: EDIT TITLES, DESCRIPTIONS AND KEYWORDS: | Click for more details Open each of the pages in Notepad and change the titles (at the very top of the page) and also the description and the keywords to match your product or service. (in Frontpage use "file" "properties" and hit the "custom" tab and "general" tab) You can edit one page and copy and paste to the other pages. Be careful to only change what's inside the "" so you don't disturb the html code. Page titles are important so your site will get a good listing at Google, MSN and other search engines. Step 13: UPLOAD: | Click for more details Upload the pages on to your hosting company's server using ftp software or Windows Explorer or your control panel. Be sure to upload the "picts", "gallery", "sounds", "flash", "videos" and "download" folders and all files in these folders. Options: USING A GRAPHIC LOGO: You can replace the Flash logo with a graphic logo. To do this, delete or rename the "header.js", then rename the "graphic_header.js" to "header.js". In the picts folder you will find a graphic called "logo.jpg". Edit this graphic with your logo. THE NO SOUND HOMEPAGE: | Click for more details This template is setup so users will visit your site, there will be sound on the homepage (index.html), then on the menu the link to "home" goes to the "home-nosound.html" page so no music plays a second time. Be sure to edit both of these homepages, or see the next section on this page. TO HAVE ONLY ONE HOMEPAGE: | Click for more details This template includes 2 homepages. To have only one homepage, delete the "home-nosound.html", then edit the "home-nosound.html" link in the flash.txt, the "menu.js" and in the "menu_gallery.js" so it links to the "index.html". GALLERY PAGES SOUND: The 3 gallery pages are playing 3 background sounds named "gallery-1.mp3" through "gallery-3.mp3" that are in the "sounds" folder. To remove the gallery sound delete between the "START SOUND CODE, DELETE TO REMOVE" notes in each "gallery-?.htm" page. NOTE: If you add a new gallery page and edit the sound code to play for example "gallery-4.mp3" be sure to edit the .mp3 file name in 2 places in your new "gallery-4.htm". THE MP3 FLASH PLAYER SKIN: | Click for more details You can edit the look of the popup Flash player. This is generally not an easy item to replace. You will find the 5 "skin" .jpg images for this popup player in the "sounds" folder. A Photshop PSD for the player is located in the "extras" folder. ADDING MORE VIDEOS: | Click for more details If you edit the "video_frame.htm" in a plain text editor you can copy and paste sections to add more videos. Example: Copy the code between the "START VIDEO-4" notes in the "video_frame.htm" and paste it below itself to add another video. See the adding more IFrame (type 2) videos support page. MP3 VIEWER OPTIONS: | Click for more details You can control how the mp3 player page opens. You can make the player a new browser window or popup window. Open the "pop-closeup.js" in a text editor and edit the variables near the top of this file. ADDING MORE IMAGES TO A GALLERY PAGE: | Click for more details Adding more images on a gallery page is involved and Allwebco does not support this. It is recommended that you instead add a new gallery page and add a link to this new page in the "menu_gallery.js". Click above for details. PAGE PICTURES: | Click for more details You can replace all template images with your own. You will find all images in the "picts" folder. Images used on the video page and in the video popup are located in the "videos" folder. FONTS: | Click for more details You can change your font colors and sizes by editing the "coolstyle.css" with a text editor. You can find other font colors by clicking here. You can also change the font sizes in the "coolstyle.css" file. Change the "TABLE" px size to change the copy on all pages. Change the "title" px size to change all the title sizes. CHANGING / ADDING MENU BUTTONS: | Click for more details You can change the names on the buttons like "home" or "bio" to other page names by editing the "menu.js" in Notepad. Whatever you change in the menu.js will change every page on the website except for the gallery pages. You can also add more page links by copying the button code in the "menu.js" and pasting it right below the next. Be sure to back up your files before you edit them. The menu used on the gallery pages is named "menu_gallery.js". Edit this .js file if you add more galleries or want to give your gallery pages names instead of the Gal1, Gal2, Gal3 names that are in the "menu_gallery.js" now. ADDING PAGES: | Click for more details You can add pages to your website by copying and pasting any one of the pages and renaming it to whatever you need. You can then add links to new pages on the other pages or you can add a page link to the "menu.js" or "menu_gallery.js". See menu editing above. There are notes in the "menu.js" and "menu_gallery.js" to help you add new links. THE robots.txt FILE: The template robots.txt is setup to keep search engines out of your "download" folder. Be sure to upload this file to your hosting area. PAGE HEIGHTS: So all your pages will maintain a standard height a "pageheight.js" file was included. Edit this file in Notepad and you can change the height="750" to any height you need. |