Hide or Change the position of Comments link in blogger homepage

Naturally, in the default blogger template, a comment link with the amounts of comments on a blog post appears in the homepage just below every post excerpt, as the case may be. 

You can successfully, style and change the position or hide the link in your blog without affecting your blog design or view. 

Customising or Hiding the comments link

Before you begin doing this, back up your template "It's very important that you backup your template before you begin any customisation...

Click on Template on your dashboard then click on html.

Now search for the code below

<span class='post-comment-link'>

        <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                          and data:post.allowComments' data='post' name='comment_count_picker'/>      </span>

This code appears just once in a basic blogger template.

If you want to remove it, you can delete it totally but if you don't, you can cut the code above and fix it just below your post title in homepage. 

To do this, search for the code below

<div class='post-header-line-1'/>

this code appears twice, you need to place your code just below 

<div class='post-header-line-1'/> 

in the second appearance.

This is what the second appearance looks like. before and after pasting the comments link

<div class='post-header'> <div class='post-header-line-1'/> </div> <!-- Then use the post body as the schema.org description, for good G /FB snippeting. --> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) &quot;articleBody&quot;'>

      <data:post.body/>

      <div style='clear: both;'/> <!-- clear for photos floats --> </div>

<div class='post-header'> <div class='post-header-line-1'/><span class='post-comment-link'> <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <!-- Then use the post body as the schema.org description, for good G /FB snippeting. --> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) &quot;articleBody&quot;'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div>