Tracking Your Page Visitors

See not only how many people are viewing your page, but see where they came from, what they were looking at and for how long. Take a look at statistics regarding the site as a whole, such as percentages of browser types or most popular pages. This Tracker will even break down information, such as what people are searching to find your page.

I have always used StatCounter.com to track my page statistics. I have only tried a couple of other services like this to watch statistics regarding my sites, however StatCounter has always been easy to use and rich in detail. They create the code for your Counter and everything.


Easy to understand graphs and charts show statistics that help you adjust your page to suit your potential audience. Try them today it's free, StatCounter.com.

Getting Started:

HTML Tags are the codes we are going to use to define content to an Internet Browser (i.e. Internet Explorer, Safari, Opera). HTML Tags use an open and a closing tag:

<html> is the opening tag. 

</html> is the closing tag.

Everything within our entire script will go between these two tags. There are several other tags that are necessary that tell the browser how to lay the script out on the page. 

The HEAD Tag

This area of the script is the part that runs in the background, it can be the behind scenes part of your page where codes that are entered define to the browser how the content will appear to the viewer.
<head> opens this area and </head> closes this area.
It isn't necessary to keep everything right on top of each other, feel free to put a few returns between the tags for neatness.

The TITLE Tag

Simply stated this is the title of your page, the text will appear on the browsers upper left hand corner. Put you pages name in between these tags:
<title> Page Title </title>

The BODY Tag

This is where the main part of your document will go. Everything that is visible to the viewer will be in between these tags. There are many attributes that can be added and altered in regards to this Tag, for more information click here.  An example of this tag would look like this:
<body> Main Page Content </body>

The Text 

There are two ways to control the way the text appears on a page. One is to define with FONT Tags a specific area of text, or leave it to the BODY Tag to specify for the whole document. Even if you use the BODY Tag to set the base colors, you can still use the FONT Tags in the script to change those specific areas. 

To see the BODY Tag Attributes, Click Here.

To See the FONT Tags and Attributes, Click Here.

Example Script:

<html>
<head>
<title>
Your Page Name Here
</title>

</head>
</body bgcolor="black" text="yellow">

 
Page Content  

</body>
</html>

Don't know where to enter this script, Click Here for more info.

Where can I put my HTML?

HTML Must go in an editor. There are several web hosting services that will allow you to build a page using an editor. Blogger.com has an Editor for editing blogs, but I have found that you can simply delete the default script and replace it with your very own script. There are several things on this site that you could use in the template that they have already made for your page. However the emphasis of this guide is to start from scratch so that you may learn all the different elements of the HTML document.  So delete that Template Script and start from scratch. Everything you need is right here in this Guide. Remember, if you do want to start from scratch using Blogger.com, it's recomended that you "Revert To Classic Template" found at the bottom right of the Template Editor Page. You won't be using the Widget Templates with this form of HTML. Widgets are designed for people who do not know how to edit web scripting.


This is the Classic Template Editor, the old version that Blogger has to edit your page. Dashboard>Template>Edit HTML

There are other palces to host your HTML Document such as Angelfire.com and Tripod.com. The editors are made for anyone from 'Beginner' to 'Advanced' User. Some of the benefits of using a more complex hosting service is the ability to do things such as making a page using frames, which is not a practical method on Blogger.com. 

Font Tags and Their Attributes

The font tags define to the browser how big, what color and which style the text is. There are the attributes that define the over all text of the entire page. However this section will show you how to define individual areas of text, whether it be the color of a link or making the whole paragraph italic and bold.

The size= attribute simply defines what size the text should be.

The color= attribute of course defines the color of the text. There are two ways to define the text, one is to simply type the color (blue, red, green, etc.). The other way is to use a hexcode color chart to find the # for the exact color you would like to use. The attribute would look like this color="#FFFFFF" The F's in this attribute would make the color white. To see a hexcode color chart, click here.

Example Script:

<html>
<head>
<title>
Your Page Name Here
</title>

</head>
</body bgcolor="white">

 
</font size="2" color="orange"> Text made of Orange! </font>  

</body>
</html>