To answer your question about changing the color of the dates: You can easily surround each date with a class tag (CSS). Then in your actual CSS page (ex. "styles.css") you simply refer to that class with any color you want.
Here's an example: This goes inside each blog page and surrounds each instance of the date
CODE
<div class="blogdate">July 18, 2004</div>
Then, in your single CSS page, ("styles.css" for example) you have a class definition for "blogdate". For example:
CODE
.blogdate {color:red; font-weight:bold;}
Once you have all instances of the date(s) surrounded by the code at the top, you can easily change the details of the code ".blogdate {...}" and it will affect every single date across your entire website, well I should say, every date that you surrounded with the code up at the top.
P.S. Each webpage needs to be "pointed" to the style sheet if you choose to use the method I described above. Insert this at the top of each page, anywhere between the <head> ... </head> tags:
CODE
<link href="styles.css" rel="stylesheet" type="text/css" />
The above assumes your style sheet file is called "styles.css" and it is located in the same directory as the rest of your .html files.
------------------------------------------
If you prefer to color them seperately, or don't want to use a seperate CSS style sheet as described above, you can simply wrap each instance of a date with this code:
CODE
<span style="color:red; font-weight:bold;">July 18th, 2004</span>
The catch with this is of course if you want to change the color later on in time, you have to visit each intance of every date, and change them one-by-one.
------------------------------------------
As far as good free hosts, I've always used
http://www.doteasy.com. Completely free, no advertisements, and very stable and responsive to support requests.