Wednesday, July 3, 2013

How to Change "Showing Posts with label .. " with Label only in Blogger

2 comments
If you open up the default page for the labels or archives page, typically it shows "Showing Posts with label xyz" at the top. It's not very professional looking and exposes the fact that you are showing filtered content in that webpage which the user definitely doesn't need to know. I'd much rather prefer it to show just the 'Label' at the top, because I think that's all that the reader needs to know.

How to do it?

** Make sure you backup your template before you make this change to it

1. Log in to your blogger account and open the blog that you want to edit
2. Go to 'Template' on the left.
3. Click on 'Edit HTML'. This will open the entire blogger template code for editing
4. (Ctrl+F) to search for <b:includable id='status-message'>. Once you have found this, please select all the code from this line to the immediate next </b:includable> in the code.
5. Replace this code with the following code:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body' style='font-weight:bold;'>
<data:blog.searchLabel/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
<data:navMessage/>
</div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
 That'll do it! Check out how only "Trading" (the label) appears as the heading of this page:


2 comments: