Tutorial - Menu Simples

 

Bom dia, leitores.

Quero agradecer aos que comentaram no post passado, a maioria me ajudou bastante. Acho que no final das contas, blogar me deixa mais feliz e isso por causa do apoio que vocês me dão. Só tenho mesmo é que agradecer a todos vocês. Quase todos gostaram da mudança, mesmo os que gostam da Hyuna, então acho que está tudo bem manter assim.

Trouxe para vocês um tutorial que transformei do A Help HTML para blogger. Ele é de um menu bem simples, muito parecido com aquele que eu estou usando para colocar as redes sociais do blog. Nesse menu vocês podem colocar coisas bem simples que não querem que ocupe muito espaço, ele é bem fofo e fica muito bem nos blogs. Clique aqui para ver o menu, dirija-se ao gadget 'Menu Simples'.

1. Vá até Editar HTML e procure por ]]></b:skin>. Acima da tag, cole:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}

.menusimples {float: center; font: 8px "handy", small fonts; color:#fff !important; text-align: center; text-transform: uppercase; background-color: #f69ebf; padding: 3px; border-radius: 1px; text-shadow: 0 1px 0 #a0a0a0;margin-bottom: 5px; margin-top:5px; letter-spacing:0px; display: inline-block; width: auto; align: center; text-align: center; -webkit-transition-duration: .80s;}

.menusimples:hover { background-color: #404040; -webkit-transition-duration: .80s;}

Os códigos em negrito referem-se a cor do fundo, mude se precisar. 

2. Em um gadget de HTML/JavaScript, cole o seguinte código:

<center><div class="menusimples"><a href="SEU LINK">Tumblr</a></div> + <div class="menusimples"><a href="SEU LINK">Twitter</a></div> + <div class="menusimples"><a href="SEU LINK">Facebook</a></div> </center>

Ah: Eu passei em todas, haha. Não tô de recuperação. Beijos, sociedade.