Next Showing Comments Blogger for over 200 comments

We who use Blogger Custom Templates are usually not too much attention to this Comment Next issue, this problem usually only discovered after a number of blog comments we've exceeded the number 200. I always got surprised too see how much my blog comments that should display more than 500 comments and it turns out the bloggers themselves are only limited to only 200 comments per article, the rest of bloggers ask users to see pages that displayed advanced bedasarkan number of comments and links to pages comments newer. You can see an example in the picture below.


The absence of these facilities Next Comment on Custom Template old also not the fault of the previous template creator, I can say this because the bloggers themselves who some time ago just to renew this facility, as a result of long-template tempate not even show support for this facility. But do not worry, to add facilities Next Comment is not so difficult really, just follow the tutorial below:

First look for the code below, oh yeah do not forget to check the Expand Widget Templates.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

If you have found Copas wrote all the code below , thenput it right under the code above

 <b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

In the same way, Copas back all the above code, then look back code below and place the code we have just Copas was right above the code below.

<p class='comment-footer'>

Please be saved, oh yes, unfortunately we can not see the results unless there are comments on our blog which has reached more than 200.

Finish the tutorial above actually, but if you want to display the different views using the Custom CSS in Blogger Next Comment, we can use the CSS code below: 

.paging-control-container
{
float: right;
margin-top: 0pt;
margin-right: 6px;
margin-bottom: 0pt;
margin-left: 0pt;
font-size: 11px;
font-weight:bold;
} 

As usual, to install the CSS code just above the live input of CSS code in an existing row in the Edit HTML page, save it and see the results.

Related Articles