If you have a blog which has been created with blogger / blogspot platform. I think you have already noticed that blogger shows a default label message on every labels page. This message looks like as Below:
Showing Posts Label WordPress. Show All Posts
Customize Labels Page Default Message on BloggerDo you notice above sentence with attentively? I think, you have done. Yes, when we visit any label page on a blogger blog. Usually we can see a default message like as above highlighted sentence. Suppose, if we visit WordPress named label page, we will see above highlighted message which I have already mentioned. On the other hand, if we visitan entertainment named label page on a blogger blog. The default message will look like as below:
Showing Posts Label Entertainment. Show All Posts
Have you got clear ideas about the topic? I think you got it. But I got many requests from multiple blogspot users that they want to customize the label’s page message on blogger. Because users want to make different. Are you also looking for tutorial to customize blogger label’s page default message? No tension! Today I am going to be sharing a tutorial about customization of blogger label’s page message. Before going into maintutorial, please see below images which will clear our topic more easily.
Customize Labels Page Default Message on Blogger

How To Customize Labels Page Message on Blogger?

  • Sign in with your blogger account and go to Template menu from your blogger dashboard.
  • Click Edit HTML.
  • Template codes will appear. Now search below code by using the CTRL + F key. You will find below code 2 times. But we need the code which we will find at first.
<data:navMessage/>
  • If you feel hesitated, look at below piece of codes. When you found<data:navMessage/> code. All complete codes will like as below.
<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>
  • Now replace the <data:navMessage/> code with given below codes.
You Are Viewing Posts Under <data:navMessage/> Category!
  • This time for final customization! Which You have replaced the line just now. You will have to customize this text line. I have added a sample, but the new message above. Now you can change my new message with your own text. But mind it, don’t remove <data:navMessage/>. This code will show the label’s name on labels pages.
I have tried many to make this tutorial easy to understand. But I don’t know could Idelivered my tutorial clearly. Please leave your comment. Your comment will make my tutorial successful.

Post a Comment Blogger

 
Top