Como colocar um Menu Button no Blog

Oi, Pipocas como vai vocês , Espero que estejam bem , as Aulas  me echendo o saco mais eu não esqueço de vocês, então eu andei vendo alguns blogs com conteudos incriveis então resouvi passa alguhas coisas pra vocês ; Como colocar Menu Button no Blog:

Não sei vocês, mas eu achei extremamente fofo, portanto, vou ensinar como fazê-lo!

1. Bom, Vocês vão no seu painel e depois em modelo-editar html-proseguir e de um ctrl+f e procure por ]]></b:skin>

/*** Menu Button by Sunny ***/
botao {
font-family:tahoma;
text-shadow:1px 1px 0 #fff;
border-radius:4px;
border: 2px outset #CDB5CD; /* expessura, tipo e cor da borda */
background: #EED2EE; /* cor do fundo */
padding: 3px;
font-size: 11px;
color:#8B7B8B; /* cor da fonte */
text-align: justify;
margin-bottom:2px;
}
botao:hover {
border: 2px inset #CDB5CD; /* cor da borda quando passa o mouse */
}

 Bom, aqui vocês só terão que mudar o que está indicado, recomendo colocar a cor da borda a mesma que a do texto, pra ficar igual ao meu resultado! Para aparecer no seu blog, coloque em um gadget:

<a href=" Link "> <botao> Nome do Link </botao> </a>

Prontinho , !

Creditos Totais a :