Menu Bad Reputation

Yoo !!!

Hoje eu vim ensinar a vocês um tutorial de um Menu, que deixa o blog com um estilo super fofo.

Ele é super fácil de se fazer.

Ele fica mais ou menos assim:

Antes de Passar o Mouse.                       Quando Passa o Mouse.

Ele fica mais ou menos assim, no meu caso ficou um embaixo pois a largura do blog de testes que eu uso é meio pequena.

Vamos ao Tutorial.

Enjoy ~~

Vá em Design >> Editar HTML >> Ctrl + F e Procure pela Tag: ]]></b:skin>

Quando achar, é só colar acima dessa Tag esse Código:

/*-----Menu Bad Reputation-----*/
kbr {
background:#CFCFCF; /* Cor de fundo do Menu */
width: 20%; /* Tamanho do Menu (Largura) */
text-align: center;
font-size: 15px; /* Tamanho da fonte */
color: #1C1C1C; /* Cor da fonte */
letter-spacing:1px;  /* Espaço entre as letras */
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
-webkit-transition-duration: .90s; /* Tempo do Efeito */
}
kbr:hover {
background:#CFCFCF; /* Cor do fundo do Menu ao passar o mouse */
width: 25%; /* Tamanho do Menu ao passar o mouse */
text-align: center;
font-size: 8px; /* Tamanho da fonte ao  passar o mouse */
color: #4F4F4F; /* Cor da fonte ao passar o mouse */
letter-spacing:1px; /* Espaço entre as letras */
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 10px 25px / 25px 10px;
border-radius: 10px 25px / 25px 10px;
-webkit-transition-duration: .90s; /* Tempo do Efeito */
}
/*-----Fim do Menu Bad Reputation-----*/

Edite as cores e larguras do jeito que você acha que ficar melhor para o seu blog, Depois de ter feito isso só é salvar.
Agora vamos a parte mais importante, que vai fazer com que o menu fique visível no seu blog, vá em:
Layout >> Adicionar um Gadget >> Gadget HTML Javascript >> Cole o seguinte código:

<a href="URL"><kbr>Nome</kbr></a>
<a href="URL"><kbr>Nome</kbr></a>
<a href="URL"><kbr>Nome</kbr></a>
<a href="URL"><kbr>Nome</kbr></a>

Vamos entender o código:
Onde está escrito URL, você coloca o link da página desejada, e onde está escrito Nome, você escreve o nome que quer que apareça no menu.

Quer Saber onde eu Aprendi ?? Link.

Eu editei um pouco o código dele.