Menu simples do blog

 

No post anterior a Camila me perguntou se eu já tinha feito esse tutorial, como ainda não tinha feito resolvi fazer hoje.

Esse menu é o que eu estou usando aqui no blog:

Ele é bem fácil, pois não precisa mexer no HTML do blog é só ir em Layout >> Adicionar um Gadget >> HTLM JavaScript e colar o seguinte código:

    <div style="position: absolute; margin-top: -55px; left: 15px;">

    <ul>

    <li><a href="http://link.blogspot.com">Nome do link</a></li>

    <li><a href="http://link.blogspot.com">Nome do link</a></li>

    <li><a href="http://link.blogspot.com">Nome do link</a></li>

    </ul>

    </div>

Edite apenas onde está em negrito.

Para o menu ficar abaixo do cabeçalho posicione o gadget aqui:

O menu vai ficar assim:

Agora se você quiser personaliza-lo você vai em Modelo >> Personalizar >> Avançado e na imagem tem dois destacados neles você pode personalizar do seu jeito.

Para ver melhor clique na imagem

No Texto das guias você pode personalizar o tipo de fonte, o tamanho e a cor. E no Plano de fundo das guias você vai personalizar o fundo do menu na imagem preferi transparente, mas vocês podem colocar outra cor.

Espero que tenham gostado!

Créditos: Clube Splash