download-center



How To Modify HTML Source Code


This report is designed to give you a general idea of how to modify the source code in the files you downloaded from the zip folder source-code.zip. You will not have to modify all the files -- the instructions on the individual files modifed will be included in your niche download file which should have directed you here.

I have found that the different browsers, and even different versions of the same browser, handle this process differently. Below, I show you how I do it with an old Internet Explorer Browser, but I also describe a second method that you can use if you have trouble -- it should work with any browser.

Note:  Most of the changes you are going to be making are links to your own program links. In each case you will be changing the "a" command (see the examples below). The only change you will make is to the "href=" part of that command which is that portion that tells the computer where to go when the link is selected.


Finding Your Source Code

First, open up your browser window and you will see a screen like the one below with your home page (my home page is Yahoo). Click on the FILE button and the select OPEN and you should see the next picture below -- go there now.



Click on the BROWSE button as indicated by the pointer. Proceed to next picture.



Use the browser box to find your folder and it should list the same files that you downloaded onto your computer. If you recall I downloaded them to a file called test-zip-folder in my example. We are going to work on the splash page in this example so I have selected it here and it should turn blue like shown below. Click on the OPEN button indicated by the cursor and then go to next picture below.



You can see it has selected our splash page in the file box so now you click on the OK button and you should see our Splash Page as seen in the next picture below -- go there now.



This is what the page that we are going to modify in this example looks like.



Click on the VIEW button and then select SOURCE as shown below. You should now see the source code for the file as shown in the next picture -- proceed there now.



Note -- this is where there may be a problem and you may not be able to modify the source code on the screen -- see CAUTION below if you cannot modify the code as shown here ......

I am going to go through the process to modify one page -- this splash page-- and then you need to go back to your download page for individual instructions on each page you need to change

The picture below shows the HTML source code for the splash page. You will see near the bottom a comment line saying insert sales page link here. That is what we are going to do. We want to replace my link in the href command between the " " marks -- it is highlighted in blue below.

Go to that code and use the delete button to delete all the code between those quote marks. Now you are going to insert your link in that same space -- that is, between the quote marks. Your code will look like this:  http://www.YourDomainName.com/sales-page.html

You can see it looks just like mine -- you just replaced wealthwithtime.com (my domain name) with your domain name. It is probably a little confusing that I do not have the www. below in my domain name. That is because when I set it up I checked the box that said both would work, that is with the www. or without the www. To be sure you should put the www. in front of your domain name.

You have now modified the source code. Go to the next picture below for the final step.



Now just click the FILE button and then the SAVE button as shown below and you are done.



Some browsers will show the following screen when you are replacing a file as we are here. Now go to the following picture to see a common error that can occur.



Here is a quirk in the system you should be aware of. I actually use a text editor named Notepad++ and don't have this problem but I do have the problem when I am using Notepad as I am here. I use Notepad in these examples because everyone with Windows has that program.

Here is the quirk: if you want to change the name of the file you choose FILE and the SAVE AS instead of SAVE as show in the picture below. When you do that you get the next screen below -- go there now.



This is the problem -- For some reason I don't understand we open an .html file and notepad wants to save a .txt file (see red arrow). We don't want that, so to correct that problem go to the next picture below.



In the name slot indicated by red arrow 1 merely type in the name of the file you are saving and add the .html extension. Then click the SAVE button at red arrow 2 and you are done.



Now close the source code screen by clicking on the "X" in the upper right hand corner and your splash page should now show again. You can not check the link yet because you have not uploaded the new file to your server.

Now for the caution ........

CAUTION

For some reason when you open the actual webpage with your browser and then click on VIEW and then SOURCE, the code will show but it will not allow you to change it. If that happens to you it means you will have to open the source code files with your Notepad program directly, make the changes as shown above, save them and then go to your browser to check to see if the changes were actually made correctly.

Be sure and make certain you save an .html file and not a .txt file as shown in the instructions above.

Also, when you originally open the folder with Notepad the actual HTML files are not shown. Below is a screen shot where I tried to open our test-zip-folder and only the image folder shows. We know the HTML files are in there but you will that Notepad is for .txt files, not .html files. To correct this, just click on the arrow where it says .txt files and select "all files" (see below) and you should now see your html files.



Just in case you don't know where your Notepad program is the picture below should help. Just go to START and then Click on ALL PROGRAMS and then select ACCESSORIES and then right click on Notepad. Select "Create Shortcut" and now when you look at the programs in ACCESSORIES again you will see Notepad(2) at the bottom as shown on this screen. Just drag this to your desktop for easy access in the future.



END OF CAUTION


That is how you modify HTML source code. Now return to your download page (download.html in the files you downloaded into your folder) and go through the instructions to modify the individual pages.