Hide or Change the position of Comments link in blogger homepage

Tuesday, October 04, 2016 No Comment

This post may contain referral links. For more info, please read my disclosure policy.

Blogger Comments
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>

No Comment Yet - Be The First!

Blog Archive

Contact / Address

Mr Sunday Joseph's Compound,
Off Goodnews street, Azikoro,
Yenagoa Bayelsa State
Nigeria.
Zipcode: 569101

Reach Us on
+2348122329659
or
Contact@blogtrovert.com

Blog Owned and managed By:
Joseph Onome.