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>. 

<!-- loadmore before comment form starts -->
<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 -->

The code in place:

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.

.comments .comments-content .loadmore{
margin-top: 0px !important;
}