American Techpushers Blog Monkey v1.0

CSS: Cascading Style Sheets

 

The American Techpushers Blog Monkey works with three HTML source files:

    template.html - the file on which the output is built
    default.css - the style sheet for the 'look' of template.html
    blogmonkey.css - the style sheet devoted to the blog content.

 

The whole 'look' of the blog output is basically determined by these three files. Editting them, or replacing the template.html and default.css altogether, changes the look of the blog.

The key to a functional template is the placement of three code words within the template file. It makes no difference what the final output is to look like, so long as these keywords are found within the template.html file.

These case-sensitive keywords are:

• BlogTitle - where the Blog Name or Title is to appear.
• BlogTOC - where the next, back, comments and rss links would appear.
• BlogContent - where the entire blog content would be inserted

If you are new at this whole CSS thing, here's what you do:

1. Fly on over to OSWD and find a web design that suits your taste.
2. Download this package and unzip into a work folder.
3. Rename the included index.html to template.html
4. Using a text editor (or some other HTML editor), place the Blog Monkey keywords into that file.
5. Make a backup of your current blog-monkey project
6. Copy the contents of this design over the existing template.html
7. Start the Blog Monkey project - click 'review', 'edit' and 'save' - and then 'output'.
8. Check it out - is it right? If not, go back to step 4 and make changes.
9. If you want to go back to the old design, just copy the backup back into the folder.

There -- that wasn't all that difficult, was it?