Sem efeito

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(http://bp0.blogger.com/_Zuzii37VUO4/RvtwlnVpGrI/AAAAAAAACOw/K5daSpdOLYg/s1600/gnome-status%5B2%5D.png) center left no-repeat;
opacity:1;
}

Postar um comentário

MTO obrigada, era exatamente o que eu estava procurando! :)

[blogger][disqus][facebook]

ReuniaoGratis

{facebook#YOUR_SOCIAL_PROFILE_URL} {twitter#https://twitter.com/} {google-plus#YOUR_SOCIAL_PROFILE_URL} {pinterest#YOUR_SOCIAL_PROFILE_URL} {youtube#YOUR_SOCIAL_PROFILE_URL} {instagram#YOUR_SOCIAL_PROFILE_URL} ReuniaoGratis

Formulário de contato

Nome

E-mail *

Mensagem *

Tecnologia do Blogger.
Javascript DisablePlease Enable Javascript To See All Widget