Tuto : Menu Tags

Hey Cats!

Como vocês estão ? Bem como primeiro tuto do blog resolvi trazer esse

é o mesmo menu que uso no meu blog é super fofo e simples de aplica 

então vamos lá ?

1° Vá em  Vá em Editar HTML → procure por ]]></b:skin>  → e  acima disso cole:

.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags2{
background-color: #e7d7b5; /*Cor da fundo*/
width: 95%;
aling: center;
height: 10px;
float: left;
font: 11px Verdana;
color: #fff; /*Cor da fonte*/
padding: 2px 0 6px 0;
text-align: center;
margin: 1px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
border: 1px solid #e7d7b5; /*Cor da borda*/
text-shadow: 0 1px 0 #a3af96;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#menutags2:hover {
background-color: #baabc1;/*Cor do fundo em hover*/
color: #ecebeb; /*Cor da fonte em hover*/
border: 1px solid #baabc1; /*Cor da borda em hover*/
text-shadow: 0 0px 0 #ecebeb;
}

                                    Salve e vá ate Layout → adicionar um novo gadget →  HTML/JavaScript:

<center>
<div class="direita">
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
</div>
<div class="esquerda">
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
</div>
</center>

Não é necessário mudar muita coisa, só o que está em vermelho, o primeiro em vermelho é a cor de fundo do 

                                         Creditos HTML do Tutorial