Menu Status

Oi Oi gente (:  

~le dando uma de Kéfera

Hoje eu trouxe um tutorial bem interessante para vocês Cherry's.

É um menu para você colocar o status do blog.

preview Aqui.

Clique em Mais Informações para ler o tutorial *-*

Primeiro vá em Modelo>Editar HTML> Ctrl+F e procure por:

]]></b:skin>

 Ao encontrar, acima da tag procurada, cole o seguinte código:

.atub{
background: #F9F9F9;  /*Cor do fundo*/
font-family: century gothic;  /*Fonte*/ 
font-size: 11px;  /*Tamanho da fonte*/ 
margin: 2px;
color: #000;  /*Cor da fonte*/ 
display: block;
-moz-box-shadow: inset 5px 0 0px 0 #FFB3B3;  /*Cor da barrinha do lado*/ 
-webkit-box-shadow: inset 5px 0 0px 0 #FFB3B3;  /*Cor da barrinha do lado*/  
box-shadow: inset 3px 0 0px 0 #FFB3B3;   /*Cor da barrinha do lado*/  
padding: 3px 3px 3px 6px;
-moz-transition: all 1.1s ease-out;   /*Tempo*/  
-webkit-transition: all 1.1s ease-out;  /*Tempo*/ 
-o-transition: all 1.1s ease-out;  /*Tempo*/ 
-ms-transition: all 1.1s ease-out;  /*Tempo*/ 
transition: all 1.1s ease-out;}  /*Tempo*/ 
.atub:hover
{color: #fff;
-moz-box-shadow: inset 550px 0 0px 0 #FF7676;  /*Cor do fundo a hover*/ 
-webkit-box-shadow: inset 550px 0 0px 0 #FF7676;  /*Cor do fundo a hover*/  
box-shadow: inset 550px 0 0px 0 #FF7676;  /*Cor do fundo a hover*/  
color: #000;} /*Cor da fonte a hover*/ 

Altere somente as coisas que estão em negrito!

Eu não alterei tempo,nem o tipo de fonte, somente as cores.

Em seguida,adicione um gadget de HTML e cole o seguinte:

<div class="atub">SEU TEXTO</div> 

Espero que tenham gostado,beijos e comentem! 
Créditos ao World of tutos , Obrigada pelos códigos!