Adding a Counter to Number Your Blog Comments

I've had a few people ask me how I've added numbers beside each of the comments left for me in Blogger.  It's a simple process, which I've explained in this little video tutorial I put together:



Here is the code mentioned in the video.  You can also get the code HERE.

<style type="text/css">
.commentNumber {

  padding: 5px;
  /*Modify the comment number's style here*/
}
</style>
<script type="text/javascript">
(function () {
  var commentList, commentHeader, numBox, i, j;
  commentList = document.getElementById("comments-block");

  if (commentList) {
    commentHeader = commentList.getElementsByTagName("dt");
    for (i = 0, j = commentHeader.length; i < j; i++) {
      numBox = document.createElement("span");
      numBox.className = "commentNumber";
      numBox.appendChild(document.createTextNode(i + 1));
      commentHeader[i].insertBefore(numBox, commentHeader[i].firstChild);
    }
  }//end if (commentList)
}());
</script>>

I'll have another Fantabulous Cricut project to show you tomorrow morning.  See you then!