Menu Tedy

Hooý meus amores, tudo bem?

 Hoje irei ensinar como fazer o Menu Tedy, visualize aqui

(X créditos)

Vamos lá?

1º Vá em Modelo > Editar HTML > CTRL+F e procure por:

]]></b:skin>

Cole acima:

tedy{

background:  #666; /* Cor de Fundo */

color: #fff; /* Cor da Fonte */

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

display:inline; /* Modo de exibição */

border-radius: 5px;

-webkit-transition-duration: .50s;

padding: 6px;

margin: 2px;

font-size: 10px; /* Tamanho da fonte */

text-align: center;

width: 15%; /* Tamanho do menu*/

float: left;

font-family:  Arial; /* Nome da fonte do menu */

}

tedy:hover{

background: #333; /* Cor de Fundo */

color: #fff; /* Cor da Fonte ao passar o mouse */

display:inline; /* Modo de exibição */

-webkit-transition-duration: .50s;

padding: 6px;

margin: 2px;

font-size: 10px; /* Tamanho da fonte do menu ao passar o mouse */

text-align: center;

width: 15%; /* Tamanho do menu ao passar o mouse */

float: left;

font-family: arial; /* Nome da fonte do menu ao passar o mouse */

}

Modifique as cores usando nossa tabela.

>>Click<<

Vá em Layout > Adicionar um gadget > HTML/JavaScript e cole:

<a href="http://URL.BLOGSPOT.COM/"><tedy>Home</tedy></a>

Pronto, seu menu está pronto.

 Espero que tenham gostado, bjoon!