22 de fevereiro de 2012

4

Coloque um menu No topo do seu Blog




Esse menu ele fica posicionado ao topo do seu Blog, vocês podem editá-lo e é fácil de colocar...



Os links do menu ficará organizado de acordo com a cor dos Links do seu Blog. Veja uma demostração de como é o menu> Clique aqui

Vou ensinar paço a paço como adicionar o menu no seu Blog
1° Primeiro: Acesse o seu Blog, depois Vá em Design > em Editar HTML, Marque a opção expandir modelos de Widgets. agora de Ctrl + F e Procure por esse Tag: 


</head>


Logo abaixo desse Tag que você procurou Cole esse código:

<style type='text/css'>


#menuprincipal2 {width:100%; height:30px; background-color:#06C; background-color:#333; border-bottom:#4682B4 solid 2px;}


.linksmtopo2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; padding:5.5px; color:#FFFFFF; text-align:right;}


.linkstopo2 {height:30px; text-decoration:none; color:#FFFFFF; padding:7px;}


.linkstopo2:hover {background-color:#494949; border-top:#4682B4 solid 1.5px; padding:7px; height:30px; padding-top:4px; color:#FFFFFF; text-decoration:none;}


</style>

<div id='menuprincipal2'>
<div class='linksmtopo2'>
<a class='linkstopo2' href='#'>Titulo da pagina</a>
<a class='linkstopo2' href='#'> Titulo da pagina </a>
<a class='linkstopo2' href='#'> Titulo da pagina </a>
<a class='linkstopo2' href='#'> Titulo da pagina </a>
<a class='linkstopo2' href='#'> Titulo da pagina </a>
</div>
</div>
3° Clique agora em Visualizar e depois salve...

Como alterar o menu 

Lá no código, na parte que estar em cor de rosa Titulo da pagina  você coloca o título da sua página, e na parte que esta em vermelho # você coloca o link da sua página.Pronto é só isso, Clique em Visualizar e depois Salve


OBSERVE: O menu fica posicionado no topo do blog, as cores do meu fica do jeito que estiver organizado a cor do link do seu Blog.


4 comentários:

  1. Ótimo post!
    Só uma dúvida, como você faz para direcionar aoutomaticamente um post para determinada parte do menu fixo?

    Obrigada pela atenção!

    Yane

    ResponderExcluir
  2. Olha, sem palavras estava procurando alguma forma de por sem ser pelo Body, Html/javascript ou pela maldita Div Wrapper.
    Você me ajudou no que precisei e gostei da interface de seu blog, bem organizado e com conteúdo de ótima qualidade.

    @#-- Respeito Ativado --?#&

    ResponderExcluir
  3. mais uma vez due tudo certo mano valeu.
    ps não irei colocar em meu blog porque esse menu fica no topo

    ResponderExcluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook