Bloggerのコメント欄にコメント順に通し番号を付ける記述

滅多にないコメントで…

質問があったので記事にします…

Blogger でコメントがあると…

…ってな感じに表示されますが…

コメント投稿順に…

通し番号が表示されるようにしてみましょう…

カスタマイズすると…

こんな感じ…

早速いってみましょう…

「デザイン」「HTMLの編集」

「ウィジェットのテンプレートを展開」から…

「Ctrl + F」で…

「comments-block-wrapper」を検索…

「div」で囲まれた部分のコードが該当する場所です…

これを…下記のソースコードのように書き換えます…

2列目、4列目、18列目、37列目の赤太字の部分です…

コメント欄にコメント順に通し番号を付ける記述

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <ol><dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <li><dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt></li>
            <dd class='comment-body' expr:id='data:widget.instanceId +   data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl></ol>
      </div>

「テンプレートを保存」して完了です…

Tips Universal Header Sidebar Footer Current-Label : Main