5 different style for message wrap in label and search pages in Blogger

This message wrap shows when you search a term or opens a label page in Blogger,as shows above.This message wrap could be according to your need or you may need to customize it according to your blog UI.

To day in this post I'm going to share 25 different snippets to make sure that you can get any style,that suites your blog design.

• To add any of the style,add the snippet of particular style above ]]></b:skin>

Style 1

.status-msg-wrap{border-none;}
.status-msg-body
{
width:100%;
text-align:center;
background:#00b3ff;
font-family:sans-serif;
font-size:18px;
color:#fff;
padding:10px 0;
}
.status-msg-body a
{
color:#3e3e3e;
text-decoration:none !important;
border-bottom:1px dotted #3e3e3e;
}

Style 2

.status-msg-wrap{border-none;}
.status-msg-body
{
width:100%;
text-align:center;
-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);
font-family:sans-serif;
font-size:18px;
color:#333;
padding:10px 0;
}
.status-msg-body a
{
color:#3e3e3e;
text-decoration:underline;
} 

Style 3

.status-msg-wrap{border-none;}
.status-msg-body
{
width:100%;
text-align:center;
font-family:sans-serif;
font-size:18px;
color:#333;
border:1px dotted #333;
-moz-border-radius-topleft: 22px;
-webkit-border-top-left-radius: 22px;
 border-top-left-radius: 22px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 22px;
-webkit-border-bottom-right-radius: 22px;
border-bottom-right-radius: 22px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
padding:10px 0;
}
.status-msg-body a
{
color:#3e3e3e;
text-decoration:none !important;
border-bottom:1px dotted #333;
} 

Style 4

.status-msg-wrap{border-none;}
.status-msg-body
{
width:100%;
text-align:center;
font-family:sans-serif;
font-size:18px;
color:#333;
border:1px solid #333;
text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);
padding:10px 0;
}
.status-msg-body a
{
color:#3e3e3e;
text-decoration:none !important;
border-bottom:1px solid #333;
}

Style 5

.status-msg-wrap{border-none;}
.status-msg-body
{
width:100%;
text-align:center;
font-family:sans-serif;
font-size:18px;
color:#fff;
border:3px solid #FF0073;
border-radius:20px;
background:#e60066;
padding:10px 0;
}
.status-msg-body a
{
color:#3e3e3e;
text-decoration:none !important;
border-bottom:1px solid #333;
}