Menu de Categoria Hover + Aviso

Quem que me dar esse celular?

Ei meus amores como estão vocês? ( Pra quem pergunto eu estou bem! )

Bom to meio sem ideias então como estou aprendendo HTML, resolvi fazer um menu.

Aviso:

Não sei se irei poder postar essa semana, terei trabalhos escolares para fazer, mas tentarei postar esta bem?

Bom aviso dado vamos ao tutorial?

Primeiro

Abra o Painel do Blogger > Modelo > Editar HTML > Prosseguir > Aperte Ctrl+F

Depois disso, procure por:

]]></b:skin>

Depois disso cole ACIMA dessa tag o seguinte código:

/* Menu de Categoria by blog--meninama.blogspot.com */
#menupp {
font-family: Century Gothic; /* Fonte */
font-size: 12px;
text-shadow: 0px 0px 5px #7ABDC3; /* Cor da sombra da fonte */
padding: 2px;
margin-top: 1px;
border-bottom: 1px dashed #C6E2FF;} /* Cor da borda */
#menupp:hover {
font-family: Sofia; /* Fonte do efeito hover */
font-size: 15px; /* Tamanho da fonte
background: #FFFFFF; /* Cor do fundo ( apague se não quiser ) */
color: #88cbe4;
text-shadow: 0px 0px 5px #b4e9f8;
}

 Bom e agora? 

Agora você vai em Layout> Adicionar um Gagdet Html/ Java Script depois cole o seguinte código:

<div id="menupp">
<div style="text-align: center;">
<a href="Link">Nome do Link</a></div>
</div>
<div id="menupp">
<div style="text-align: center;">
<a href="Link">Nome do Link</a></div>
</div>
<div id="menupp">
<div style="text-align: center;">
<a href="Link">Nome do Link</a></div>
</div>
<div id="menupp">
<div style="text-align: center;">
<a href="Link">Nome do Link</a></div>
</div>

Bem o que está em negrito é o link que você quer colocar e o que está em itálico é o nome do link.

E ai gostaram do tutorial? Foi útil? Bom espero que sim!

Beijos até a próximo post!