Designing Classic Custom Templates

Back to Help

Overview

A Classic custom template uses HTML plus special blog tags. Note that unlike HTML tags, Blogit's blog tags are case-sensitive, i.e. type <BlogTemplate> rather than <blogtemplate>.

The general structure is:

<BlogTemplate>
     <BlogDateHeader>
          <$BlogDateHeaderDate$>
     </BlogDateHeader>

     <PostSubject>
          <$BlogItemSubject$ >
     </PostSubject>
       
     <$BlogItemBody$>
     <$BlogItemAuthor$>
     <$BlogItemAuthorNickname$>
     <$BlogItemAuthorEmail$>
     <$BlogItemAuthorURL$>
     <$BlogItemDateTime$>
     <$BlogItemNumber$>
    
     <BlogDateFooter>
     </BlogDateFooter>
</BlogTemplate>

Style Guidelines

  • Use style sheets (in CSS format)
  • To ensure that your changes apply only to relevant content, edit the appropriate section of the style sheet. For example, to change how entries appear, edit the �.content� section. Don�t create a new �body� section, since that would affect the entire page and could appear incorrectly in future.

Entries

The HTML between <BlogTemplate> and </BlogTemplate> is repeated for each entry. The HTML between <PostSubject> and </PostSubject> is used to display the entry's subject, and the tag <$BlogItemSubject$> is replaced with the entry's subject.

For example, say you use this template:

<BlogTemplate>
     <PostSubject>
          <h5><$BlogItemSubject$><h5>
     </PostSubject>
     <$BlogItemBody$>
     <p><small>posted by <$BlogItemAuthor$> on <$BlogItemDateTime$></small></p>
</BlogTemplate>

This is what you see:

Third Entry
Hi again, this is another Blogit entry.

posted by hlari at 3:46 PM

Second Entry
This is a test designed to provoke an emotional response.

posted by hlari at 2:07 PM

First Entry
Hi, this is a Blogit entry.

posted by hlari at 1:12 PM

Date Headers

A date header displays the date above all the entries on a given day.

The HTML between <BlogDateHeader> and </BlogDateHeader> is repeated for each day, and the tag <$BlogDateHeaderDate$> is replaced with the date. You don't have to include these tags if you don't want to display a date header.

For example, say you use this template:

<BlogTemplate>
     <BlogDateHeader>
          <h4><$BlogDateHeaderDate$></h4>
     </BlogDateHeader>
     <$BlogItemBody$>
     <p><small>posted by <$BlogItemAuthor$> on <$BlogItemDateTime$></small></p>
</BlogTemplate>

This is what you see:

Monday, August 26, 2002

Third Entry
Hi again, this is another Blogit entry.

posted by hlari at 3:46 PM

Sunday, August 25, 2002

Second Entry
This is a test designed to provoke an emotional response.

posted by hlari at 2:07 PM

First Entry
Hi, this is a Blogit entry.

posted by hlari at 1:12 PM

Date Footers

A date footer is displayed at the bottom of all the entries on a given day.

The HTML between <BlogDateFooter> and </BlogDateFooter> is repeated for each day. As with date headers, you don't have to include these tags if you don't want to display a date footer.

For example, say you use this template:

<BlogTemplate>
     <BlogDateHeader>
          <h4><$BlogDateHeaderDate$></h4>
     </BlogDateHeader>
     <$BlogItemBody$>
     <p><small>posted by <$BlogItemAuthor$> on <$BlogItemDateTime$></small></p>
     <BlogDateFooter>
          <hr />
     </BlogDateFooter>
</BlogTemplate>

This is what you see:

Monday, August 26, 2002

Third Entry
Hi again, this is another Blogit entry.

posted by hlari at 3:46 PM


Sunday, August 25, 2002

Second Entry
This is a test designed to provoke an emotional response.

posted by hlari at 2:07 PM

First Entry
Hi, this is a Blogit entry.

posted by hlari at 1:12 PM


Did this help? Continue browsing.

Still have questions? Go back to the help department or email us.