Tutorial - Um fácil menu de status.

                              

  Olá amigas, tudo bem ? Trouxe mais um tutorial, um bem simples, que deixa seu blog lindjo, vamos aprende-lo ? :3

  Estão curiosos pro resultado, não estão? Primeiro os créditos do tutorial ao eJhonas, então, olhe o resultado:

                                 
                                                                  Imagem do eJhonas.

 Gostaram? Pois eu amooo esse menu de status, agora, chega de conversa, vamos prender como faz!

 1° Vão em Design, Editar HTML & procure por ]]></b:skin>
 2° Após acharem, cole esse código acima do que você achou:

  .wishlist {
background: #eee;
font-family:  Verdana;
font-size: 8px;
margin: 1px;
color: #444444;
display: block;
-moz-box-shadow: inset 3px 0 0px 0 #C6E68D;
-webkit-box-shadow: inset 3px 0 0px 0 #C6E68D;
box-shadow: inset 3px 0 0px 0 #C6E68D;
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;}
.wishlist:hover {
-moz-box-shadow: inset 550px 0 0px 0 #C6E68D;
-webkit-box-shadow: inset 550px 0 0px 0 #C6E68D;
box-shadow: inset 550px 0 0px 0 #C6E68D;
color: #444444;}

  OBS: Onde está rosa em negrito (Estilo #;), é a cor desejada por você! e onde está sublinhado (Verdana), é a fonte que você quer no seu menu.

  3° Agora, vocês vão em Layout, adicionar um gadget & adicione o JavaScript/HTML e cole esse código:

<div class="wishlist">Coloque as palavras aqui</div>

 Simples, onde está em negrito (Coloque as palavras aqui), você coloca o que desejar!
 Gostaram? espero que sim, até a próxima :)