8 Sept 2012
How to Add Label Name next to Blogger Post Title
How to Add Label Name next to Blogger Post Title
If you are using the old Blogger interface:- Go to Dashboard -
- Design -
- Edit HTML -
- Expand Widget Template (make a backup)
If you are using the new Blogger interface:
- Go to Dashboard -
- Template -
- Edit HTML -
- Proceed -
- Expand Widget Template (make a backup)
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Now Paste the following lines in place of the deleted lines<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<script type='text/javascript'>
var SS = '<data:label.name/>';
var PrintSS = SS + " | ";
</script>
</b:loop>
<b:else/>
<script type='text/javascript'>
var PrintSS = "";
</script>
</b:if>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/></a>
<b:else/>
<span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/>
</b:if>
<b:else/>
<span class='pre-postss'><script>document.write(PrintSS);</script></span><data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>