--> Newest 200+ Comments Not Showing In Blogger - Fix Found! | Experience Lab - Online business creation and development guide for bloggers and startups

Newest 200+ Comments Not Showing In Blogger - Fix Found!

Due to Blogger Threaded comments, most of the comment code structure has been seriously effected. Normally when a post exceeds the limit o...

fix 200 comments problem in blogger

Due to Blogger Threaded comments, most of the comment code structure has been seriously effected. Normally when a post exceeds the limit of 200 comments, latest comments are paginated and only the oldest 200 comments are displayed on post page. You could switch between oldest and newest comments by using the comment pagination links but due to threaded commenting system these links got messed up and would not show up now. I got a custom script from my friend nhamngahanh from simplexdesign which will help you fix this 200+ comments problem so that your visitors could access all your comments. Lets cook some new recipe today!

You can see live demo on our blog just at the top of comments. Click Here

This tutorial is a little different from what nhamngahanh shared. I have changed the location of HTML code so that it may not misalign the post navigation buttons. I also accordingly change the CSS styles to make it more appealing.

This widget works on JavaScript that display your first 200 comments and then paginates the remaining comments inside separate pages and displays the remaining pages in numeric form and latest and oldest links as text links.

Fix Comment Pagination Links In Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the box "Expand Widget Templates"
  4. Search for <body>
  5. Just above it paste the following code:

<script type='text/javascript'>
//<![CDATA[
function commentpagination(url,comment){
var posturl= url;
var comment = comment;
cmpage = Math.ceil(comment/200);
document.write('<a  href="'+posturl+'?commentPage=1">Oldest</a>');
for (var i = 1; i <= cmpage; i++) {
document.write('<a  href="'+posturl+'?commentPage='+i+'">'+i+'</a>');
}
document.write('<a href="'+posturl+'?commentPage='+cmpage+'">Latest</a>');
}
//]]>
</script>

If you wish you can change the yellow highlighted text to any name you like.

     6.   Next search for this code:

<h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

and just below it paste the following code:

<span id='commentpaging'>
                                     <font style='color:#289728; font-size:12px; font-weight:bold; padding-right:4px; '> Comment Page :</font>

                                     <script type='text/javascript'>commentpagination(&quot;<data:post.url/>&quot;,&quot;<data:post.numComments/>&quot;);</script>                                       
                                 </span>

  • You can change the yellow highlighted text to anything you like.
  • To change the color of Comment page text edit color:#289728

     7.   Now search for ]]></b:skin>   and just above it paste the following CSS code:


/* -------------- Comment Pagination Stylesheet By MBT --------*/

#commentpaging { background:#F7F9FA; margin:0px padding:20px auto; width:580px; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  text-align:right;}
#commentpaging a { margin-right:5px;}

Make these customizations:

  • To Change background color of the box edit background:#F7F9FA
  • To change the width of the box edit width:580px

Save your template and visit any of your blog post to see a pagination box appearing just at the top of your comments.

Need help?

All steps are well explained but If you still needed any help just let me know. I just hope this adds a new spice to your BlogSpot blogs. BTW a surprise is on its way. Will disclose the new blog name next week inshAllah. Peace and blessings pals. :)

You may like:

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,11,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,17,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Newest 200+ Comments Not Showing In Blogger - Fix Found!
Newest 200+ Comments Not Showing In Blogger - Fix Found!
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZQqLUCn-vZymwZK3bOxIGR9CS8BO_09VlvDuPNhD68VISsNuv3_PVLVbNOkQ5CQdL0bP2JXlnlMbOzpSIhBc1rksq0qS2VBdHX61DvwkkYUjj4_Nb6zcPDZ3KcUuowf1z0iWJ83PbIE/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHZQqLUCn-vZymwZK3bOxIGR9CS8BO_09VlvDuPNhD68VISsNuv3_PVLVbNOkQ5CQdL0bP2JXlnlMbOzpSIhBc1rksq0qS2VBdHX61DvwkkYUjj4_Nb6zcPDZ3KcUuowf1z0iWJ83PbIE/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2012/02/newest-200-comments-not-showing-in.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2012/02/newest-200-comments-not-showing-in.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy