Home » Blogger Tutorials, Tricks and Hacks » Blogger Labels Tricks » How to Personalize Your ‘Showing Posts with Label’ Header

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

How to Personalize Your ‘Showing Posts with Label’ Header

How to Personalize Your ‘Showing Posts with Label’ Header

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error


This easy tutorial by Rekita will show you how to change your default showing posts with label header into something less cut-and-dried.

Let’s get started.

1. First, back up your template. Every time you attempt to make changes in your template it’s always to back it up first.

2. Login to your Blogger dashboard, go to Edit HTML, then press Ctrl+F / Command F to find this code:

3. Replace the code with this:

4. Hit Save.

5. Return to Edit HTML, then use Ctrl+F / Command F to find this code:

6. Copy and paste this code before ]]></b:skin>
/* Label Status Message
.status-msg-body {    /* This changes the font and font color  */
font: 14px Century Gothic;
color: #fd6a83;
text-transform: uppercase;
font-weight: bold;
.status-msg-bg {    /* This changes the background color of massage bar */
background-color: #fff;
.status-msg-border {   /* This changes the color of the border */
border: 1px #e9d8d9 solid;

7. Click on Save.

8. To add text to your label header, return to Edit HTML, then use Ctrl+F / Command F to find this code:


9. Type the message you wish to appear on your label header, such as:
You are now viewing my rants on:  <data:blog.searchLabel/>

10. To change the message color, font, or style, simply add the needed font tags.
<font color=”red”>You are now viewing my rants on: </ font>

11. Click Save. Your new label header should now appear whenever you click on any of your post labels.

Liked It ? Please Share


7 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. ferry says:

    i want to create showing label post like in the other news website, is this can be used

  2. awsome tutorial for personal blog, keep posting sis. 🙂

  3. john says:

    Very nice and helpful.

  4. terimakasih informasinya, sangat bermanfaat bagi saya….

  5. OBAT KANKER says:


  6. Jimmy Dean says:

    Well, would you like to help me to add a notification bar in my blog. It is http://www.soloutionz.com

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here