Hide Label Tags and Author Name In Blogger Posts

SHARE:

There are some pages like your contact page, about page, table of contents page where you don't want label tags or "Posted by Author at xyz time"  text to appear.  You can view any of my page in the navigation menu above and you will observe that you see no tags or author names below post titles.

How To Hide Label Tags On Selected Pages Of Blogger?

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Check the "Expand Widget Templates" box
4. Search For,

<span class='post-labels'>

    5.  Now add the following code just above it,

<b:if cond='data:blog.url != "URL OF Selected Post"'>

Replace URL OF Selected Post with the Link of the page where you want to hide label tags.
    6.  Just 6-7 lines below the code you search for in step#4, you will find this,

</span>

    7. Just after it paste the code below,

</b:if>

    8. Save your template and visit that selected page and you will see that the labels are gone.

Hiding Author Name and Date Time On Selected Pages

Inside your template search for this,

<span class='post-author vcard'>

and just below it you will find a large code slightly similar to the one shown below,

<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>
      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>

You just need to add the following codes before and after the bolded blue lines as shown below,

<b:if cond='data:blog.url != "URL OF Selected Post"'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>
      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
</b:if>

Now again you will have to replace URL OF Selected Post with your selected page link.
Save your template and say bingo!

How to hide them on more than one page?

If you want to hide the labels and date and time on another page also then just repeat the same process. For example if you want to hide them on three selected pages then do this for date and time,

<b:if cond='data:blog.url != "URL OF Selected Post -1"'>
<b:if cond='data:blog.url != "URL OF Selected Post -2"'>
<b:if cond='data:blog.url != "URL OF Selected Post -3"'>
<span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>
      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
      </span>
</b:if>
</b:if>
</b:if>

Do the same for hiding label tags as mentioned in step#4

Need help?

If you faced any problem just let me know. It would be a pleasure to help you. You will also enjoying read how to show and hide widgets in Blogger

That's Its!

SHARE: