Menu para Créditos #1

|| ||
Oi cherrys!!! Hoje trouxe para vocês um menu bem legal que é o Menu para Créditos #1 esse menu serve para créditos e serve também para menu comum de páginas.
Para visualizá-lo clique aqui.
Vamos lá!

Primeiro vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e aperte Ctrl+F e procure por:
]]></b:skin>
Quando achar cole acima dele o seguinte código:
creditos {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnRKA4IasLoS0ndPI7CLYFjIVszNHUx4dQBwPoLxlXagNPQvvDL09IvmfFkVA8JUfwJxu53kHEMmPjt7peZ2GwBX_XpCfeqMTutxKew4wUn7ghAJt5-Td9J9yAswsEgBsfalrGkCalHOo/s1600/faixa+fofa+2.png)no-repeat; /* Fundo do menu, se não quiser imagem, troque tudo por background: #COR */
opacity: 0.50; /* Opacidade do Fundo, não retire */
padding: 4px; /* Espaço interno do menu */
border-radius: 5px; /* Arredondamento das Bordas */
border-bottom: 3px solid #A27DA8; /* Borda na parte de baixo do menu */
border-right: 3px solid #A27DA8; /* Borda na parte direita do menu */
display: inline-block;
font-size: 9px; /*Tamanho da Fonte */
font-family: 'Tahoma';  /*Fonte do Menu */
-o-transition-duration: .70s;
-ms-transition-duration: .70s;
-moz-transition-duration: .70s;
-webkit-transition-duration: .70s;
width: 2%; /* Tamanho de cada menu */
text-align: center;
cursor: pointer;
color: #000000; /* Cor da letra do Menu */
}
creditos:hover {
opacity: 0.99; /* Cor de fundo do Menu */
border-bottom: 3px solid #DBB7DB; /* Borda na parte de baixo do menu hover*/
border-right: 3px solid #DBB7DB; /* Borda na parte direita do menu hover*/
color: #fff; /* Cor da letra do menu hover*/
}
Está tudo explicado no código onde deve ou não mexer. Depois de fazer as alterações necessárias Salve!
Depois vá em Layout>> Adicionar um Gadget>> HTML/JavaScript e cole esse código.

<center>
<a href="LINKDOBLOG1"><creditos>01</creditos></a>
<a href="LINKDOBLOG2"><creditos>02</creditos></a>
<a href="LINKDOBLOG3"><creditos>03</creditos></a>
</center> 
Depois salve! Pronto!!!
Espero que gostem!!!
Créditos: Part Of Me