Tutorial - Menu Simples

                                              Olá Pessoas Lindjaas <33 (⌒▽⌒)

 Hoje como o primeiro post vou ensinar vocês como colocar o Menu Simples no seu Blog Fofinho ;)  E vai deixa-lo Mega ,iper ,Super Lindoo rsrsr!

         Esse menu é bem simples um daqueles menus pequeninos que muitos estão com vontade de usar..........

                                                          Boom vamos lá ?_?

1. Vá até Modelo > Editar HTML e expanda a primeira setinha da caixa de códigos. Logo após isso, pressione Ctrl + F (certifique-se de que a caixinha aparece dentro do box de códigos e não no navegador) e procure por ]]></b:skin>. Acima disso, cole:

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

a.menupequeno {

background-color: #e6e6e6;

padding-top: 3px;

padding-bottom: 3px;

display: inline-block;

width: 40px;

font-size: 8px;

font-family: silkscreen;

text-transform:  uppercase;

text-align:center;

border: 1px solid #d1d1d1;

letter-spacing: 1px;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

box-shadow: inset 0 0 5px #e3e6e7, 0 0 1px #b6b6b6;

-webkit-transition: all 1s ease-in-out;

-moz-transition: all 1s ease-in-out;

-o-transition: all 1s ease-in-out;

-ms-transition: all 1s ease-in-out;

transition: all 1s ease-in-out;

text-shadow: 0 1px 0 #ebebeb;

}

a.menupequeno:hover {

border: 1px solid #f994aa;

background-color: #ffc3d0;

text-decoration: none;

box-shadow: inset 0 0 0px #e3e6e7, 0 0 0px #b6b6b6;

text-shadow: 0 1px 0 #fbdae1;

opacity: 0.8;

}

2. Em um gadget de HTML/JavaScript, cole os códigos abaixo, editando as partes em negrito: 

<center>

<a class="menupequeno" href="SEULINK">Nome</a>

<a class="menupequeno" href="SEULINK">Nome</a>

<a class="menupequeno" href="SEULINK">Nome</a>

<a class="menupequeno" href="SEULINK">Nome</a>

</center>

Prontinho! Basta salvar e o menu vai ser aplicado. A cor do link varia de blog para blog, pois no menu vai ficar a cor que você selecionou para o site inteirinho. Ah, se por acaso quiserem diminuir o tamanho do menu ou aumentar para ajeitar na sidebar, modifique o 40px que tem no código.