Tutorial - Menu Atualizações

Yoo ~~

Trouxe um tutorial super lindo, de como colocar o menu Atualizações no seu blog = )

Veja o exemplo aqui !

Achou bonito ? Gostou ? Então bora aprender !

Vá em Design> Editar HTML e procure por: 

]></b:skin>

E cole o código abaixo, ACIMA da tag:

.atualizacoes{

background: #eeeeee; /*Cor do fundo, não altere! */

font-family: trebuchet ms;

font-size: 11px;

margin: 2px;

color: #000; 

text-align: left;  /*Posição do texto */ 

display: block;

-moz-box-shadow: inset 4px 0 0px 0 #Cor da barrinha que fica parada;

-webkit-box-shadow: inset 3px 0 0px 0 # Cor da barrinha que fica parada ;

box-shadow: inset 3px 0 0px 0 # Cor da barrinha que fica parada ;

padding: 3px 3px 3px 6px;

-moz-transition: all 0.4s ease-out;

-webkit-transition: all 0.8s ease-out;

-o-transition: all 0.8s ease-out;

-ms-transition: all 0.8s ease-out;

transition: all 0.8s ease-out;}

.atualizacoes:hover

{color: #fff;

-moz-box-shadow: inset 550px 0 0px 0 #Cor da barrinha que se move quando passa o mouse;

-webkit-box-shadow: inset 550px 0 0px 0 #Cor da barrinha que se move quando passa o mouse ;

box-shadow: inset 550px 0 0px 0 # Cor da barrinha que se move quando passa o mouse ;

color: #000000;}

Salve ! Agora acrescente um gadget HTML/Javascript e cole:

<div class="atualizacoes">Sua Frase aqui</div>