Advanced Templates: Comment Pagination With Numbered Pages

At Settings > Comments, the number comments displayed per page below the post is set. Up to 100 comments can be displayed per page. By default, the links to navigate to the next or previous page of comments is arrows and text links. When using an Advanced Template Set, numbered page links can also be included to navigate to individual pages of comments quickly.

Advanced Template Sets are available with the Unlimited and higher plans. You can upgrade if needed to take advantage of this tip.

Adding the MTCommentPaginationLinks template tag

At Design > Templates, click to open the Individual Archives Template and look for the <MTCommentIfPages> tag. The content between the <MTCommentIfPages> and </MTCommentIfPages> tags will need to be replaced with the below:

<MTCommentIfPages><!-- comment pagination tags --> <div class="pager-bottom pager-comments pager content-nav"> <div class="pager-inner"> <MTCommentIfPreviousPage> <span class="pager-left"> <a href="<$MTCommentPreviousPageURL$>#comments"><span class="chevron">«</span> <span class="pager-label"><$MTCommentPreviousPageLabel encode_html="1"$></span></a> </span><!-- .pager-left --> </MTCommentIfPreviousPage> <MTCommentIfPreviousPage><MTCommentIfNextPage> <span class="separator">|</span> </MTCommentIfNextPage></MTCommentIfPreviousPage> <MTCommentPaginationLinks> <MTCommentIfNextPage> <span class="pager-right"> <a href="<$MTCommentNextPageURL$>#comments"><span class="pager-label"><$MTCommentNextPageLabel encode_html="1"$></span> <span class="chevron">»</span></a> </span><!-- .pager-right --> </MTCommentIfNextPage> </div><!-- .pager-inner --> </div><!-- .pager-bottom .pager-comments .pager .content-nav --> </MTCommentIfPages>

Finally, click Save Changes to update your blog.