Views

• Article
• Discussion
• Edit
• History

From Comments

co.mments supports Blogger. This page tells you how to add a track with co.mments link to your Blogger blog.

Track comments from any page

You can add a track with co.mments link on every page of your blog, next to the blog post. In your blog template, anything you put between the <Blogger> and </Blogger> tags shows as part of the blog post.

To make a tracking link to co.mments, add the following:

<img src="http://co.mments.com/images/track.gif"
style="vertical-align:middle" /> <a href="javascript:
document.location='http://co.mments.com/track?url='
+encodeURI('<$BlogItemPermalinkURL$>')"
title="Track this
 post with co.mments">Track with co.mments</a>

I like to put the link at the bottom of the post, next to the date/time and the number of comments. So my template looks something like:

<Blogger>
  <BlogDateHeader>
    <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>

  <div class="post"><a name="<$BlogItemNumber$>"></a>
    <BlogItemTitle>
      <h3 class="post-title"><a href="<$BlogItemPermalinkUrl$>"
          title="external link"><$BlogItemTitle$></a></h3>
    </BlogItemTitle>
    <div class="post-body">
      <div>
        <$BlogItemBody$>
        <BlogItemURL>
          <a href="<$BlogItemURL$>">Link</a>
        </BlogItemURL>
      </div>
    </div>
    <p class="post-footer">
       Posted at <a href="<$BlogItemPermalinkUrl$>"
                    title="permanent link"><$BlogItemDateTime$></a>
       <BlogItemCommentsEnabled>
         <a href="<$BlogItemPermalinkURL$>#comments">
           <$BlogItemCommentCount$> comments</a>
           <img src="http://co.mments.com/images/track.gif"
           style="vertical-align:middle" /> <a href="javascript:
           document.location='http://co.mments.com/track?url='
           +encodeURI('<$BlogItemPermalinkURL$>')"
           title="Track this post with co.mments">Track with co.mments</a>
        </BlogItemCommentsEnabled>  
      <$BlogItemControl$>
    </p>
  </div>
</Blogger>

Track comments from specific pages

Blogger lets you customize your template to show different stuff on different pages. You can customize the template for the main page, the archive page, or the page of each individual post (item).

If you use such a template, you will see conditional tags.

For example, your template may show the post one way on the main page of your blog (anything between <MainPage> and </MainPage>) and another way on the post's own page (anything between <ItemPage> and </ItemPage>).

In this case you may have to add the track with co.mments in more than one place.

For example, to show the tracking link in the item page of an individual post, just above the comments:

<ItemPage>
  <div id="comments">
    <BlogItemCommentsEnabled><a name="comments"></a>
      <h4><$BlogItemCommentCount$> Comments:</h4>
      <dl id="comments-block">
           <img src="http://co.mments.com/images/track.gif"
           style="vertical-align:middle" /> <a href="javascript:
           document.location='http://co.mments.com/track?url='
           +encodeURI('<$BlogItemPermalinkURL$>')"
           title="Track this post with co.mments">Track with co.mments</a>
        <BlogItemComments>
          <dt class="comment-poster" id="c<$BlogCommentNumber$>">
            <cite><a name="c<$BlogCommentNumber$>"></a>
            <$BlogCommentAuthor$> said...</cite>
          </dt>
          <dd class="comment-body">
            <p><$BlogCommentBody$></p>
            <p><a href="#<$BlogCommentNumber$>" title="comment permalink">
              <$BlogCommentDateTime$></a></p>
          </dd>
        </BlogItemComments>
      </dl>
      <p>
        <$BlogItemCreate$>
      </p>
    </BlogItemCommentsEnabled>
  </div>
</ItemPage>