How to Remove the Subscribe Link in Blogger

Below each article, there is a feed subscribe link like shown in the image below:
So how do you remove that? I figured out 3 ways to do that. You can either remove the template tags or use CSS to hide the portion of the code. You can also use all 3 methods if you want.

Method 1 - Removing the template code:
  • Go to Layout > Edit HTML.
  • Click on Expand Widget Templates box.
  • Search for class='post-feeds' and class='blog-feeds'. You can use Find/Search feature of your browser or press Ctrl + F to do that.
  • Once you have located the codes, which looks like this in my template:

    <div class='blog-feeds'>
      <b:include data='feedLinks' name='feedLinksBody'/>
    </div>
    

    and

    <div class="post-feeds">
      <b:loop values="data:posts" var="post">
        <b:if cond="data:post.allowComments">
          <b:if cond="data:post.feedLinks">
            <b:include data="post.feedLinks"
            name="feedLinksBody">
            </b:include>
          </b:if>
        </b:if>
      </b:loop>
    </div>
    
  • Delete the codes or comment them out with . Depending on the template you are using, it may look a bit different from above but the codes that diplay the subscription links are:

    <b:include data='feedLinks' name='feedLinksBody'/>
    

    and

    <b:include  data="post.feedLinks" name="feedLinksBody">
    </b:include>
    
  • Save your template and you are done.
Method 2 - Removing the template code:
  • Just as shown in Method 1, search for the following code in the template editor (again depending on the template you are using, it may slightly look different in your template):

    <data:feedLinksMsg/>
    <b:loop values='data:links' var='f'>
      <a class='feed-link' expr:href='data:f.url'
      expr:type='data:f.mimeType'
      target='_blank'><data:f.name/> (<data:f.feedType/>)
      </a>
    </b:loop>
  • Delete this code or comment it out.
  • Save your template. 

    Method 3 - Modifying the CSS:
    Alternatively, you may leave the above code as is but instead hide it using CSS:
    • Search for .feed-links in your HTML code like you did above. I have my CSS like this:

      .feed-links {
        clear: both;
        line-height: 2.5em;
      }
    • Edit the above CSS to:

      .feed-links {
        clear: both;
        line-height: 2.5em;
        visibility: hidden; 
        height: 0px;
        display: none;
      }
    • Save your template.

    Comments

    Popular posts from this blog

    How to resolve 'res://ieframe.dll/acr_error.htm#' error (Internet Explorer stopped working while viewing a website)

    htaccess: Redirecting multiple domains to the main domain

    MailChimp API V2.0 SSL error solution