Customize Blogger Status Message (show posts with label)

Customize Blogger status messages with simple CSS no coding skills required. Easy to place CSS for Show post with labels and show posts by search query in blogger.

Whenever you search something or switch to blogger labels It will show you a message which is called blogger status message. Switch by Label shows (Show post with label) or  Which have default appearance set by blogger itself. Learn how to customize blogger status message.

Message looks “Showing posts for query blogger status message Show all“.

Image Preview of Blogger Status Messages

customized blogger status message twoclock.com

Customize Blogger Status Message

  • Login to your Blogger Dashboard Go to template.
  • Click on Edit HTML and Search for this line of code.
    ]]></b:skin>
  • Before this line of Code paste these Style so you can customized your Status message.
     #main .status-msg-wrap {
     width:90%;
       padding:5px;
     }
     #main .status-msg-body {
     font-size:80%;
       text-align:left;
       padding:5px 5px 5px 30px;
       width:auto;
     }
     #main .status-msg-border {
       border:1px solid #a19a36;
       opacity:1;
     }
     #main .status-msg-bg {
       background: #FFF9B3 url(http://bp0.blogger.com/_Zuzii37VUO4/RvtwlnVpGrI/AAAAAAAACOw/K5daSpdOLYg/s1600/gnome-status%5B2%5D.png) center left no-repeat;
       opacity:1;
    }

That’s the simple way to customize your search labels or search results message in blogger. As it’s old but  some how people need to customize to make it more visible to the user where are they standing.

Leave a Reply

Your email address will not be published. Required fields are marked *