Place Blogger 'Load More' link above Comment Form
 |  |
If you have more than 200 comments in any given post, only the first 200 comments will be visible. To see the rest of the comments, you need to click on a link that says 'Load More' (see picture above). Here's the problem. This link is poorly positioned, that it can easily go unnoticed - giving the impression that the 200th comment is the last comment in your post. In this tutorial, I'll show you how you can place the link right under your last comment, making it relatively obvious. A big shoutout to my buddy Nitecruzr for helping me out.
Step 1
Go to Dashboard --> Template --> Backup/Restore --> Download Full Template --> Close --> Edit HTML --> Proceed --> Find for </body> --> Paste the following code directly above </body>.
Go to Dashboard --> Template --> Backup/Restore --> Download Full Template --> Close --> Edit HTML --> Proceed --> Find for </body> --> Paste the following code directly above </body>.
<!-- loadmore before comment form starts -->The code in place:
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
jQuery('#bc_0_200T_box').before(jQuery('#bc_0_200L, .sspr'));
</script>
<!-- loadmore before comment form ends -->
Step 2
Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
.comments .comments-content .loadmore{
margin-top: 0px !important;
}
Category Article Comments, Tutorial
