Depois de um tempinho sem postar pelo fato de ter um bebê novinho, resolvi postar este tutorial que aprendi no blog Eu Amo HTML
Bom, muitas pessoas ficam dias procurando um tutor que ensine a fazer menus, ou que ja tenha um codigo de um menu legal pronto...
Depois de varias tentativas, eu encontrei este.
Vamos começar?
Como fazer um menu para o seu blogger
Ele vai ficar igual a esse, você pode modificar as cores
Para começar abra o HTML do seu blog em MODELO - EDITAR HTML
Agora procure por
]]></b:skin>
Achou?
Agora acima cole esse
código:
.NomeDAclasse {
font-family: Verdana; /* fonte */
font-size: 13px; /* tamanho da fonte */
line-height: 16px; /* altura da linha */
text-align: center; /* centralização do texto */
width: 90px; /* largura do menu */
color: #000; /* cor do texto */
background: #666666; /* fundo */
border-bottom: 2px solid #000; /* borda preta */
border-radius: 10px 10px 0px 0px; /* borda arredondada */
padding: 5px; /* espaço entre o texto e as bordas */
margin: 5px; /* espaço entre os links */
display: inline-block;}
Salve!
Agora vá em layout-adicionar gadget-HTML/JavaScript
e colar este codigo até que dê o numero de paginas que você deseja:
<div class="NomeDAclasse"><a href="LINK DA PAGINA">NOME DA PAGINA</a></div>
Prontinho
Se quiser faça as modificações do seu jeito...
Abraços
.NomeDAclasse {
font-family: Verdana; /* fonte */
font-size: 13px; /* tamanho da fonte */
line-height: 16px; /* altura da linha */
text-align: center; /* centralização do texto */
width: 90px; /* largura do menu */
color: #000; /* cor do texto */
background: #666666; /* fundo */
border-bottom: 2px solid #000; /* borda preta */
border-radius: 10px 10px 0px 0px; /* borda arredondada */
padding: 5px; /* espaço entre o texto e as bordas */
margin: 5px; /* espaço entre os links */
display: inline-block;}
Salve!
Agora vá em layout-adicionar gadget-HTML/JavaScript
e colar este codigo até que dê o numero de paginas que você deseja:
<div class="NomeDAclasse"><a href="LINK DA PAGINA">NOME DA PAGINA</a></div>
Prontinho
Se quiser faça as modificações do seu jeito...
Abraços
0 comentários:
Postar um comentário
Seja Bem Vinda (o)
*Não xingue
*Caso não tenha gostado não deixe comentário maldoso
*Fique a vontade e escreva o quanto quiser
*deixe o link do seu blog, ficarei feliz em visitá-lo
*Obrigada!!*