Menu com bordas arredondas

Yoo !

Hoje vamos aprender como colocar

Esse Menu aqui:

Click em Leia Mais Para Ver o Resto da Postagem

No seu Blog !

Então Vamos Lá?

Primeiro Click em Modelo>Editar HTML>Prosseguir

Tecle CTRL+F e procure por ]]></b:skin>

depois que Achar Cole Acima

Esse código:

/***Menu ****/

menu {font-family: verdana; letter-spacing: 2px; font-size: 11px; line-height: 13px; display: inline-block; background:#d6969c; color:#fff; width: 27%; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; : 0 1px 1px #aaa; -webkit-border-radius: 30px 30px 30px 30px; }

Depois vá em Layout>Adicionar Um Gadget>HTML/Javascript

e Cole esse código:

<center>

<a href="LINK"><menu>TÍTULO</menu></a>
<a href="LINK"><menu>TÍTULO</menu></a>
<a href="LINK"><menu>TÍTULO</menu></a>
<a href="LINK"><menu>TÍTULO</menu></a>
<a href="LINK"><menu>TÍTULO</menu></a>
<a href="LINK"><menu>TÍTULO</menu></a>
</center>

Menu Adaptado Por: Gabrielly Migotto