EDUCATION
   
 
EDUCATION :- Computer :- HTML TUTORIAL :- Lession 10
 

Q: I know I have to put the Vote For My Site graphic on my web page, but I'm not sure how to do it. I don't really know HTML. Can you help?

Sure! You can use the File Manager 2.0 or the Quick Site Builder to do it.

To use the File Manager 2.0:

  1. Log in to the File Manager 2.0 and find the page (filename) that you want to put the "Vote for My Site" link on.
  2. Click on the "edit" button next to that file, and it will open a window displaying the HTML code for that page.
  3. From the e-mail message you received, and using your computer's built in copy & paste functions, copy (Ctrl-C) the snippet of HTML code that you were instructed to include on your page, and paste (Ctrl-V) it somewhere on the page. Almost anywhere will work, but make sure you paste it somewhere AFTER the opening <BODY> tag and before the closing </body> tag.
  4. Now preview your page and you should see the link close to where you wanted it. If not, go back and move the text using cut (Ctrl-X) and paste (Ctrl-V) being sure to select all of the Top 20 code. With a little trial and error, soon you will have the link exactly where you want it.

If you used the Quick Site Builder to build your site, you can use it to put the voting link and graphic on your site! Here's how to do it:

  1. Simply go to the Quick Site Builder and choose the page you would like to place the graphic and link on.
  2. Locate a text box or text area near the point on the page that you would like the voting information to display.
  3. Click on the red "edit" button near the spot that you've chosen.
  4. From the e-mail message you received, and using your computer's built in copy & paste functions, copy (Ctrl-C) the snippet of HTML code that you were instructed to include on your page, and paste (Ctrl-V) it into the box that popped up when you clicked "edit".
  5. Now preview your page and you should see the link close to where you wanted it.

Q: Most 3rd party tools want me to insert some code in my HTML. How do I do that?

You can use the File Manager 2.0 or the Old File Manager and to find (or create) the file you want to add the enhancement to. Edit the page, and insert the enhancement where you want it.

If you built your site using the Quick Site Builder, you can use it to insert a 3rd party enhancement:

  1. Go to the Quick Site Builder and choose the page you want to edit.
  2. Find the part of the page on where you want to place the enhancement and click on the "Edit" button.
  3. Copy and paste the enhancement's HTML code where you want the counter.
  4. Click on the "Update" button. You will be returned to the Quick Site Builder page.
  5. Click on the "Save & Close" button.

That's it! Now go to your page and you should see the 3rd party enhancement. (You may need to refresh the page.)

Q: I don't know much about HTML, so how do I include a counter into my pages?

You can use the File Manager 2.0 or the Old File Manager and to find (or create) the file you want to add the counter to. Edit the page, and insert the counter code where you want it.

If you built your site using the Quick Site Builder, you can use it to insert a counter:

  • Go to the Quick Site Builder and choose the page you want to edit.
  • Find the part of the page on where you want to place the enhancement and click on the "Edit" button.
  • For a text only hit counter, copy and paste the following code where you want the counter:
<ISML TYPE="counter">

Here is an example of how it will look: 1

  • For an odometer style counter, copy and paste this code where you want the counter:
<ISML TYPE="counter" OPTION="graphic_odometer">

Here is an example of how it will look: http://www.freeservers.com/

http://www.freeservers.com/

  • For a 7 segment counter, copy and paste this code where you want the counter:
<ISML TYPE="counter" OPTION="graphic_7seg">

Here is an example of how it will look: http://www.freeservers.com/

http://www.freeservers.com/

  • To create a customized hit counter using your own graphics:
  1. First, you will need to find or create graphics for the numbers 0 through 9.
  2. Each number must be saved as a ".GIF" image and named after the number it represents. For example, the image for the number one MUST be named "1.GIF". Your number two image must be saved as "2.GIF",etc. Be sure to have a ".GIF" image for all the numbers 0 through 9 or your counter will have a broken image.
  3. The number graphics must be uploaded into the same directory as the .HTML page that includes your counter tag.
Once you have these images uploaded to your web site, you can insert this code where you want the counter and your own graphics will count the hits on your site. <ISML TYPE="counter" OPTION="custom">

Here is an example of how it might look: http://www.freeservers.com/

http://www.freeservers.com/

Click on the "Update" button. You will be returned to the Quick Site Builder page. NOTE: The counter will not show up in the Quick Site Builder page, but it is there.

Click on the "Save & Close" button. That's it! Now go to your page and you should see the counter.