How to hide post date, time stamp and author from blogger home page only.
This can be done using conditional tags to
<span class='post-author vcard'>
<span class='post-timestamp'>
<span><data:post.dateHeader/></span>
Conditional tag syntax
<b:if cond='PUT_CONDITION_HERE'>It is made up of a <b:if> tag, with a cond attribute added. Condition is entered as the value of the cond attribute. Each (opening) <b:if> tag need to be closed with a closing </b:if> tag.
</b:if>
The below conditional tag is specific to homepage. I only list the opening tags here. Just make sure you include the closing </b:if> tag when applying a conditional in your template. (More list of conditional tags -- todo)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Applying conditional tag
To apply a conditional tag to a content, simply put the content between the opening <b:if cond…> and the closing </b:if>, like so:<b:if cond='data:blog.pageType == "item"'>In the example above, the content will only appear on post pages.
CONTENT (TO BE EXECUTED IF CONDITION IS TRUE)
</b:if>
If you want to specify a alternate content (when the condition is false), you need to insert a <b:else/> tag followed by the content, like this:
<b:if cond='data:blog.pageType == "item"'>You can place the conditional anywhere in your template HTML, except inside a section or inside a widget content box. The content can be a div, a section, a style tag, another conditional tag etc.
CONTENT 1 (TO BE EXECUTED IF CONDITION IS TRUE)
<b:else/>
CONTENT 2 (TO BE EXECUTED IF CONDITION IS FALSE)
</b:if>
Reversing a condition
A condition can be reversed simply by replacing the comparison operator from == (is equal to) to != (is not equal to), like so:
<b:if cond='data:blog.pageType != "item"'>In the example above, the content will only appear on pages other than post pages (i.e. removed/hidden from post pages). This method is not applicable to Label-search and First Post conditionals.
CONTENT (TO BE EXECUTED IF CONDITION IS TRUE)
</b:if>
Editing the template
Go to Dashboard > Template > edit HTML
Make sure to backup a copy before you make changes.Search for <span class='post-timestamp'>
<span class='post-timestamp'>Modifiy the code as below
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>Search for <span class='post-author vcard'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<div class='post-footer-line post-footer-line-1'>Modify the code as below
<span class='post-author vcard'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:blog.url != data:blog.homepageUrl'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span>
Search for data:post.dateHeader
To remove the date stamp above your post and only from home page, edit the template, find the below code
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
Modify it to
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
</b:if>
It worked! Thank you so much for your help!
ReplyDeleteHi Adam,
DeleteYou are welcome. Could you share your theme, I like it.