Blogger Ever

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

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

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

.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

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

.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

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

.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

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

.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

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

.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;
}
Blogger

2013-2016 Copyright Blogger E\ver . Coded, managed and founded by Mohammad Hamza (@hamzadhamiya) . Hosted on Blogger and fonts used are Raleway and Open Sans.