Customizar Barra Status de Mensagem

Encontrei essas linhas de código (CSS) e resolvi customizar também a barra de status de mensagem que fica na parte superior e aparece sempre que você acessa um post através de "categoria" ou pela "busca", veja como fica:

ANTES

DEPOIS

Se você também gostou, é muito simples.

Acesse seu blog > painel de controle > layout > Modelo > Editar Html e procure pela tag " ]]></b:skin> " logo acima dela, cole o seguinte código.

#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ84DzTluPXtcMWQEeoaP5bzyr5vkIKiWpoVZAm6Yvz5ILjJtqaQ_e3T8U4EJSuRo8gWmTttVsCHtTecwofJRyvL8Oqc1wJxstKXD4QKJme5VQK7x4RivxAdhOWBRXuQMG6CRAuyb78m6I/s1600/gnome-status%5B2%5D.png) center left no-repeat;
opacity:1;
}