How to remove "Showing post with label" from blogger ?

When ever in blogger we click on a label the resulted page shows a message "showing post with label (the label which we clicked)". This message on the top of the page seems not good to most of the users as well as we bloggers. We bloggers does a lot of hard work to design our blog in such a manner so that it does not looks like a normal blog instead it looks like a good self hosted website.
So a common question from all we bloggers "how to remove "Showing post with label" message from blogger ??
So here is the answer !! In our this post we will explain you a little blogger tweak to remove this message.

This tweak is one of the popular tweak in the blogger world. I have done a lot of work on this tweak so I hope you will get full benefit of this and also do share this post :)

So lets come to the point ..

Step 1. Go to your your dashboard and click 'Design' ► 'Edit Html' ► Tick the 'Expand Widget Templates' Box.








 

 

After doing the the first step our next step is to find the code in your template that you need to edit .
But before the editing of your HTML code I recommend you to download the current template.

STEP 2. Find the below written code in your blog's HTML .
You can use find feature of your browser to find this by using ctrl + f .

code:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</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>

STEP 3. Replace this code with below mentioned code.

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

 Save your template and you are done !

Don't forget to give your views in comment box :)