Fixing 200+ Comment Problem at Blogger.

Sometimes in 3rd Party Template you may not see your 200+ Comments.As Blogger Shows 200 embed commend in first post then it shows 200 post on next page and another 200 on another page.For accessing  beyond 200 comment we will need the comment pager(Newer,Newest…).The page is located at top of visitor comments but what to do if there is no comment pager.As we know if there in no comment pager we cannot access to more beyond than first 200 comment.In that case making comment pager is right solution.Lets solve this issue.

Comment Pager Codes.

The comment Pagination codes are

<!-- Comment Pager starts -->
<b:if cond='data:post.commentPagingRequired'> 
  <span class='br-comment-pager'> 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> 
        <data:post.commentRangeText/> 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> 
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> 
  </span> 
</b:if> 
<!-- Bloggerrounder.blogspot.com -->
<!-- Comment Pager ends –>

Now lets go how to display comment pager in Post.

Installing Comment Pager.

The best zone to place comment pager is above all the comments by visitor or someone else.Then Follow this steps.

1. Go to Blogger Dashboard>Template>Edit HTML
2. Back Up your Blog.
3. Tick on Expand widget.
4. Find these codes

   <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
             <b:loop values='data:post.comments' var='comment'>

5. Line 1 may be <dl id='comment-block'> in regular layout Template.Add the Pagination code just above it.Finally the codes should looks like this

   <!-- Comment Pager starts -->
   <b:if cond='data:post.commentPagingRequired'> 
     <span class='br-comment-pager'> 
   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> 
           <data:post.commentRangeText/> 
   <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> 
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> 
     </span> 
   </b:if> 
   <!-- Bloggerrounder.blogspot.com -->
   <!-- Comment Pager ends –>
   <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
             <b:loop values='data:post.comments' var='comment'>

6. After adding pagination you can see Comment Page like this
   

Styling the Blogger Pager

If you want to style the comment pager like adding background,changing font size then add Below CSS in your Template

.br-comment-pager {
/*CSS Styling Codes Here*/
}

If you don’t know how to add CSS then learn from here.

Bye Bloggers we will be here with next tutorials next Day.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder'^s by RSS feed or email updates.