Pedido : Menu para sidebar igual ao do blog

 Hi unicórnios! Como vão ? Eu estou bem, fora a preguiça que estou de ir para a escola amanhã e ter que acordar cedo em plena sexta-feira está tudo bem.

 Bom, lembram que no post anterior eu comentei sobre a ask do blog ? Então, eu recebi 3 pedidos e mesmo sendo pouco, estou feliz por alguém ter pedido algo pois temi que ninguém acessasse a ask e muito menos pedir alguma coisa. Chega de falar baboseiras, nada de rodeios!

 Como dizia, uma menina pediu para eu postar o modelo de menu que eu uso aqui no blog (preview aqui). Quero dizer, primeiramente, que o modelo NÃO É MEU ! Eu peguei ele no blog This time e só alterei algumas coisinhas. Enfim, vamos ao tutorial ?

Primeiramente, cole ACIMA  de ]]></b:skin>, no HTML do blog o seguinte código:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); 

}

.menusimple {

background: #4c6099;  /* Cor da barra passando */

font-family: PF Arma Five; /* Fonte */

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

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

border-radius: 0px; /* Bordas arredondadas */

padding: 5px;

margin: 2px;

box-shadow: inset -500px 0 0px 1px #ffc9dd; /* Coloque a cor do fundo */

-webkit-transition-duration: .80s;

}

.menusimple:hover {

box-shadow: inset 500px 0 0px 1px #4c6099; /* Coloque a cor do fundo hover */

text-shadow: 0px 0px 0px #cccccc; /* Sombra no texto com o hover*/

}

Depois, é só colocar o código abaixo em um gadget HTML/JavaScript:

<center><a href="http://www.blogger.com" class="menusimple">exemplo</a> <a href="http://www.blogger.com" class="menusimple">exemplo</a> <a href="http://www.blogger.com" class="menusimple">exemplo</a> <a href="http://www.blogger.com" class="menusimple">exemplo</a></center>

E é só, espero que tenha ajudado a menina que pediu e á você que quiser usá-lo

Beijos e até mais !