Menu de Atualizações

Hayooo meus floquinhos! Trago hoje um menu de atualizações, super bonitinho, ele e ótimo para informações do blog, como meta de seguidores, tempo de existência, nome de quem é o ou a dona entre mais coisas. Caso queira dar uma olhadinha abaixo podera ver o menu.. Os créditos são do blog Explodindo Glitter. 

Brevia do efeito

1. Para ter um menuzinho como esse, basta ir ate seu HTML e procurar por ]></b:skin>, em seguida adicione o código abaixo a cima de ]></b:skin>:

Códigos

    .atub{
    background: #eeeeee;  /*Cor do fundo, não altere! */
    font-family: trebuchet ms;
    font-size: 11px;
    margin: 2px;
    color: #000;
    display: block;
    -moz-box-shadow: inset 4px 0 0px 0 #Cor Da_Barra_Pequena;
    -webkit-box-shadow: inset 3px 0 0px 0 #Cor_Da_Barra_Pequena;
    box-shadow: inset 3px 0 0px 0 #Cor_Da_Barra_Pequena;
    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;}
    .atub:hover
    {color: #fff;
    -moz-box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
    -webkit-box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
    box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
    color: #000000;}

2. Agora é só ir em seu Layout, então crie gadget de HTML/Javascript e cole esse código dentro:

Códigos

<div class="atub">Frase que quiser</div>

Repita quantas vezes quiser o código ele sempre ficara um embaixo do outro.