How To Hide The Label Tags and The Author Name In Blogger Posts

  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>

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>

You will have to replace URL OF Selected Post with your selected page link.
Save your template

No comments:

Post a Comment