Menu Fixo simples no blogger


Disponibilizei esse tutorial bem simples para você colocar em seu blog, ele é bem fácil de ajustar em qualquer layout.

1- Vá em Tema e Editar HTML .


2- Vai abrir uma área de códigos clique em qualquer lugar nessa área e aperte o ctrl + F ,  irá abrir uma caixinha de pesquisa no lado esquerdo dessa área clique nela e digite o seguinte código ]]></b:skin> e tecle enter.

3- Antes da tag ]]></b:skin> cole o  código abaixo ACIMA da  TAG.



Entendendo o código:

color: #fff - cor da fonte (os dois "color" tem que ser da mesma cor)
background-color: #000 - cor do fundo
font-size: 18px - tamanho da fonte
font-family: 'Calibri' - nome da fonte
text-transform: uppercase - texto maiúsculo
text-decoration: underline - texto sublinhado (quando passa o mouse ) / para retirar coloque none no lugar de underline
padding: 18px - tamanho em volta da fonte. Mude o valor para deixar mais fino ou mais largo.

No código a:hover você pode mudar a cor do link quando passar o mouse.

Está em dúvida em que cor usar.Use esse gerador de códigos em html que amo muito é só clicar aqui que será redirecionado para ele.
É só escolher a cor e copiar o código que será marcado na caixinha, como na página abaixo e na hora de colar o código adiciona  ' # 'para marcar que é uma cor.
EX: PRETO ( #000000)
BRANCO (#FFF0FF)

4- Feito isso clique em Guardar tema. Veja se algo mudou em seu layout.Não mudou nada? Isso é bom, sinal de fato, nada vai mudar ainda esse é só o estilo de menu.


5- Agora vá em Esquema e adicone um Gadget na barra lateral de seu blog.


6- ESCOLHA o Gadget HTML/JavaScript

7- E cole o código abaixo dentro dessa caixa que abriu.



Agora você pode por seus links onde está escrito LINK DA SUA PÁGINA e adicione o título da sua página onde está escrito TÍTULO.
Caso queira remover uma página copie a linha <a href .......... até </a> e apague, caso queira adicionar mais um link é só copiar uma linha <a href ...... até </a>  e colar abaixo.


Espero que esse tutorial tenha te ajudado e se houve alguma dúvida deixe aqui nos comentários.


Comentários
0 Comentários

Nenhum comentário:

Postar um comentário