Menu horizontal

Para colocar um menu horizontal no site precisamos colocar o código em duas partes distintas. Primeiro vamos colocar o CSS, no blogspot isso é feito através da pagina editar html, colocando o código abaixo junto com os demais códigos CSS do seu blog (body, main, sidebar, etc...), basta colocar o trecho abaixo junto com o restante dos códigos. Para outros blogs a regra é a mesma junto com os demais estilos CSS.
Código CSS do menu horizontal:

#menu{padding: 0px;
font: bold 12px Verdana;
margin: 0px;
width: 650px;}
#menu li{list-style: none;
display: inline;
margin: 0;
}
#menu li a:link, #menu li a:visited{
color: #0000FF;
text-decoration: none;
margin-right: 3px;
border: 2px solid #000000;
padding-top: 4px;
padding-bottom: 4px;
width: 150px;
display: block;
float: left;
text-align: center;
background-color: #FFFFCC;
}
#menu li a:hover{
color: #FFFFFF;
background-color: #FF9933;
border: 2px solid #0099FF;
}

Aqui existem algumas coisas que podemos mudar para deixar esse menu com uma aparência melhor para nosso site. Começando pela largura de cada item, isso é alterado nessa parte: width: 150px; basta trocar esse valor e pronto, contudo modificando isto mudaremos também a largura total do menu que precisará ser corrigida aqui: width: 650px. Quando colocar isso no seu site os itens do menu devem ficar um do lado do lado se isso não ocorrer modifique um destes dois valores que resolverá o problema.
Nesse exemplo o menu não está todo junto existe um pequeno espaço entre os itens para remover ou aumentar esse espaço altere o 3 nesta parte: margin-right: 3px. Finalmente as bordas:

border: 2px solid #000000;
border: 2px solid #0099FF;

Você pode mudar a largura ou a cor da borda (clique aqui e veja o código das cores), ou se preferir sem bordas basta apagar essas duas linhas.

Agora vamos para a segunda parte colocar o menu propriamente dito. Na página editar layout clique para adicionar um gadget e escolha a opção html/javascript, então coloque o código do menu, fizemos esse exemplo com nossos sites, mas para alterar é somente trocar os links:

<ul id="menu">
<li><a href="http://jornaljd.blogspot.com" target="_blank">Meu Jornal</a></li>
<li><a href="http://frasecurta.blogspot.com" target="_blank">Frases Curtas</a></li>
<li><a href="http://mensagens.110mb.com" target="_blank">Frases e Mensagens</a></li>
<li><a href="http://cidadeweb.110mb.com" target="_blank">Cidade Web</a></li>
</ul>

Caso tenha dificuldades com este código publicamos um outro artigo sobre menu horizontal mas lá mostramos como colocar o código num lugar só, sem entrar na pagina editar html.

Veja também:
Fazer botões com imagens
Mudar o estilo do texto
Código das Cores
Programas para editar imagens
Onde e como hospedar imagens
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

119 comentários:

  1. Como ponho os elementos do blog na direita e esquerda com a postagem no meio?

    ResponderExcluir
  2. oi
    poxa, abandonei um template lindo só porque eu nao sabia como fazer os links horizontais.

    :(
    agora eu ja sei, mas no modelo que uso ja tem os links eu nao sei como faz pra editá-los.

    ResponderExcluir
  3. HEG

    aqui tem como adicionar uma coluna no blog:
    http://dicasparablogs.blogspot.com/2007/12/blog-com-3-colunas.html
    é um pouco complicado, mas dá certo.

    Iara

    para mudar os links de lugar vc pode arrastar o elemento na pagina layout, é só clicar sobre o quadrado dos links e levar onde vc quer. Ou pode copiar os links e adicionar um novo elemento no lugar que deseja

    ResponderExcluir
  4. Como tiro akela parte de:
    Assinar: Postagens (Atom)
    Do meu blog?

    ResponderExcluir
  5. Ola

    tentei colocar minha propria marca no titulo do blog, mas nao ficou enquadrada. Como faco para ajustar?
    http://publibahia.blogspot.com

    ResponderExcluir
  6. ola...nossa adorei seu blog,consegui colocar musica ..eba...entao obrigada e passa la no meu tbm , sou nova aki...bjaooo

    ResponderExcluir
  7. Oi roberto!
    Queria uma ajuda tua!
    Vc conheçe algum codigo de enviar recados em massa pelo o orkut seguro?
    E como faço montagens tipo esses reloginhos q tu fez?
    Me ajude ai!
    Valewssss

    ResponderExcluir
  8. COMO JÁ TEDISSE NO E-MAIL, VC FERÁ LÁ QUE SOU UMA ALMA APAIXONADA PELO MUNDO VIRTUAL, MAS TUDO QUE ELES DISSERAM EM COMENTÁRIOS, EU TAMBÉM DESEJO.
    OBRIGADO
    JOÃO GALLO

    ResponderExcluir
  9. Oi

    se alguem puder ajudar agradeço é sobre o menu eu queria saber onde se edita para por abaixo da imagem do titulo.

    Abçs

    ResponderExcluir
  10. Dexa foi noobice minha aqui ja resolvi a proposito muito bom post (trabalhar com codigo a noite num eh meu forte xD) :P

    ResponderExcluir
  11. tentei colocar o CSS e não consegui. é no final da lista de códigos?

    ResponderExcluir
  12. Eu não consegui fazer isto!

    ResponderExcluir
  13. Tem como trocar o tipo de letra ?

    ResponderExcluir
  14. onde está no começo do código font: bold 12px Verdana;

    a palavra verdana é o tipo de fonte, então é só colocar qual quiser, mas procure usar fontes mais comuns que todos os computadores tem, pois se o pc de quem visita seu site não tiver a fonte que você colocou ele vai trocar por alguma outra.

    ResponderExcluir
  15. kra quero saber como faz para fazer as páginas que vão aparecer ao clicar em algum nome de um menu.

    ResponderExcluir
  16. marcus

    você quer dizer as paginas de parcerias, contato... e outras?
    se for isso é possivel fazer uma postagem para cada uma delas, por exemplo uma postagem com os banners de seus parcerios, então você coloca o link dessa postagem no menu como parcerias e assim por diante.

    se não for isso tente explicar melhor

    ResponderExcluir
  17. cara! muito obrigado, fiz um menu bacana no meu blog que esta em construção,valeu mesmo!

    http://somentelinkcristao.blogspot.com/

    ResponderExcluir
  18. Eu Nao consegui entender onde devo colocar este código!!!

    ResponderExcluir
  19. Por favor, eu não consigo fazer isso, fiz tudo em parte, vc poderia pegar um html(todo) de qualquer blog que eu depois edito por favor!
    pandandaptbr.blogspot.com

    ResponderExcluir
  20. estou preparando outra postagem sobre menu horizontal, vou tentar deixar de um jeito mais facil de instalar no blog, mas tente fazer novamente o código dessa postagem está funcionando normalmente

    ResponderExcluir
  21. tem como mudar o estilo do menu?

    ResponderExcluir
  22. Olá amigo, como eu faço para depois que clicar no botão, deixar ele ativo enquanto eu navego pela seção do site?

    ResponderExcluir
  23. esse tipo de código não dá pra deixar o menu ativo e continuar navegando, é um outro sistema bem mais complicado para colocar em blogs

    ResponderExcluir
  24. Oie , em que parte se coloca esse código? para colocar um menu horizonta!!!

    ResponderExcluir
  25. Como eu troco a cor azul daas palavras pelo cor preta?

    ResponderExcluir
  26. veja essa postagem sobre formatar texto

    http://dicasparablogs.blogspot.com/2009/04/como-formatar-o-texto-do-blog.html

    ResponderExcluir
  27. Ola cara Fiz Tudo certo!
    Mais guando eu click No um dos Incones do Menu Tipo

    Foto

    Abre outra Pagina, Não tem como Ser na Mesma Pagina Não? Sem precisar abrir outra ai fica Chato Toda vez q for ver alguma outra pagina fica abrindo outra em vez de ser na mesma!^^

    ResponderExcluir
  28. para abrir na mesma pagina é só apagar isso no código do link
    target="_blank"

    ResponderExcluir
  29. oi, como faco Para colocar uma barra do lado esquerdo do meu blog, ele tem aPenas uma barra do lado direito. Gostaria de saber se tem como colocar Para ficar com as duas barras, lado esquerdo e lado direito, tiPo o seu. Agradeco.
    Joelma Couto.

    ResponderExcluir
  30. que barra você está falando?
    para colocar o menu é só escolher o adicionar gadget que está na coluna que deseja

    ResponderExcluir
  31. Mais o meu blog so tem uma coluna do lado esquerdo, nao tem do lado direito, essa coluna que eu queria colocar Para Poder colocar dos dois lados. De uma Passadinha Por la... Aguardo.So tenho adicionar gadget de uma lado do outro nao.

    ResponderExcluir
  32. então o que precisa é colocar mais uma coluna no blog veja essa postagem
    http://dicasparablogs.blogspot.com/2007/12/blog-com-3-colunas.html

    ResponderExcluir
  33. é muito facil eu coloquei em todos os meus blogs

    ResponderExcluir
  34. Oi...
    EU queria perguntar se vcs naum podem mandar pro msn miriamdeepaula@hotmail.com uma postagem com o modo de como colocar um menú horizontal em webs.com.
    Agradecida,
    Miriam.

    ResponderExcluir
  35. como faz para mudar a letra? essa está em formar, todas maisculas, quero deixar a penas a 1ª maiuscula e as outras minusculas

    ResponderExcluir
  36. Nádia C.


    para deixar todas as primeiras letras maiusculas use esse código junto com o estilo que pretente modificar.

    text-transform: capitalize;

    ResponderExcluir
  37. Olá Fabiano Roberto!

    Além do que você ensinou aqui, consegui também colocar uma cor de fundo no menu. Após o código
    padding-bottom: 5px; acrescentei o seguinte código:
    background-color: #FFCC66;
    Deu tudo certo, obrigado e espero que esta informação seja útil para alguem querendo cor de fundo no menu.
    Abraço

    ResponderExcluir
  38. Olá Fabiano Roberto! Volto aqui com a mesma dúvida do "Incrédula Produção": como fazer que no menu horizontal as páginas abram na mesma janela.
    Fiz o que você orientou, para o usuário citado, para HOME primeiro,excluindo"target="_blank"(no meu modelo consta'target='_blank'), visualizei e obtive a seguinte mensagem: "Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The value of attribute "href" associated with an element type "null" must not contain the '<' character."
    Peço sua orientação para solucionar o problema pois o menu é muito bom mas preciso que tudo abra na mesma janela.
    Obrigado

    ResponderExcluir
  39. provavelmente apagou algum caracter a mais é para apagar sobrem o target="_blank" e mais nada.

    esses códigos são ruins de mexer, qualquer sinal a mais ou faltando eles dão erros

    ResponderExcluir
  40. Obrigado, deu certo, os links abrem agora na mesma janela/aba e , com as modificações que fiz, fiquei com um menu vermeho escuro com letras brancas..ficou bonito.
    um grande abraço

    ResponderExcluir
  41. Expecifica o lugar, não entendo muito o CSS

    ResponderExcluir
  42. não tem lugar exato , qualquer parte do CSS pode servir para colocar esse código. pode ser antes de body{... assim fica fácil localizar

    ResponderExcluir
  43. cara brigado, esse foi o melhor tutorial que eu achei!!!

    valeu!

    ResponderExcluir
  44. amigo mas sera que tem como colocar um menu horizontal expansivel?

    ResponderExcluir
  45. veja aqui como fazer o menu expansivel
    http://www.dicasparablogs.com.br/2009/05/criar-um-menu-expansivel-no-blog.html

    ResponderExcluir
  46. Como troco as cores do menu horizontal?

    ResponderExcluir
  47. Ja consegui mudar as cores do menu horizontal.
    Se quiser vai la no meu blog e da umas dicas do que posso fazer: http://noticiassobrerocknroll.blogspot.com/
    Grata

    ResponderExcluir
  48. valeu pelas dicas. como eu subistituo o menu por imagens com efeito hover?

    ResponderExcluir
  49. só precisa colocar imagem de fundo no efeito a:hover como se fosse uma imagem de fundo em qualquer outra parte

    background-image: url(endereço da imagem)

    ResponderExcluir
  50. olha eu já tenho um menu vertical, com esse efeito, e eu queria fazer um tbm horizontal com outras imagens, como consigo isso, pq eu tentei fazer o q vc sugeriu mas o que aparece são as imagens do menu vertical.

    ResponderExcluir
  51. precisará criar outras imagens para esse menu

    ResponderExcluir
  52. Fabiano, tenho acompanhado seu blog a meses e os tenho em meus favoritos,os códigos fica muito extensos na pag do seu blog e fica ruim pra copiar, melhora ai. Estou com dificuldade em colar os codigos no meu blog da erro de xtml, pq? me ajuda ia mano, sou seu fã

    ResponderExcluir
  53. Ei,o meu blog ja veio com o menu horizontal esrito:Home,edit-me,edit-me,edit-me.

    como faco para mudar o edit-me,que quando eu clico nao acontece nada?por favor me ajude.
    A palavra home quando clico volta para a pagina inicial.E as outras,como faco para editar?o menu horizontal ja veio com o blog...

    ResponderExcluir
  54. OPA
    BELE?

    Eu gostaria de saber em qual parte do código eu vou inserir o endereço da imagem?

    ResponderExcluir
  55. Thiago
    esse código é para links de texto, mas se quiser pode trocar o nome dos sites por códigos de imagens

    ResponderExcluir
  56. Depois que eu terminei de colocar isso no blog eu cliquei para ver se tinha ficado bom abriu uma nova página da internet e nã carregou, pq?

    ResponderExcluir
  57. onde está escrito url do item você deve trocar pelo endereço de uma de suas paginas

    ResponderExcluir
  58. Facil do melhor sem problems. muito obrigado Roberto e deus te abencoe pelo tenpo que disponibilizas no site/blog com dicas *simples* que nao sao de todo, mas muito uteis. Props

    ResponderExcluir
  59. Olá, eu sempre sigo esse blog e suas maravilhosas postagens. Baseado ele fiz um menu horizontal no meu blog http://blogsmakerzul.blogspot.com/ ficou muito distante das postagens gerando um espaço enorme em branco, vc pode me ajudar por favor?

    ResponderExcluir
  60. Evandro Rodrigues


    no html do seu blog tem
    .container {
    width: 700px;
    height: 150px;
    position: center;

    esse valor 150 é altura ele gera espaço vazio embaixo do menu

    além disso aqui
    ul#topnav {
    margin: 10px 0 20px;
    padding: 0;
    list-style: none;

    o valor 10 é espaço acima do menu e o 20 abaixo

    ResponderExcluir
  61. Valew Amigo, sua ajuda foi fundamental para compreender e consertar. Precisando estamos aí

    ResponderExcluir
  62. Olá... Estou criando um blogger (www.renanalessandro.blogspot.com) para uma dupla sertaneja no qual são meus amigos, ocorre que sei mexer com o básico, portanto gostaria de encrementar o blogger deles. Gostaria de algumas idéias e como faço para aplicá-las. Obrigado...

    ResponderExcluir
  63. é dificil dizer o que colocar em um blog, veja em outros alguns alguns acessorios que goste e coloque no seu, mas não exagere senão a pagina demora demais para carregar

    ResponderExcluir
  64. Ola Fabiano,
    bom eu estou fiz um menu horizontal como você disse mais ele não ficou abaixo no titulo, ele fico no meio o corpo do blogger, e queria saber como faz para ele fica abaixo do titulo ?
    desde ja agradeço :D

    ResponderExcluir
  65. Fabiano, desde já parabenizo seu trabalho aqui, e sempre estou atenta as novidades e colocando em prática... Coloquei este menu no meu blog, porem os botões ficaram em forma de escadinha...

    Como vc pode ver aqui => http://euvoustar.blogspot.com

    Como faço para arrumar e ficar em uma linha horizontal ?

    Obrigado

    ResponderExcluir
  66. Oi Fabiano, antes mesmo de vc responder a minha pergunta anterior eu consegui tirar o efeito escadinha do menu e colocar em linha horizontal...

    Porém to com outra dúvida, nesse codigo tem apenas 4 botões no menu. Como faço para ter 6 botões nesse código?

    http://euvoustar.blogspot.com

    ResponderExcluir
  67. PauLinha
    veja neste trecho:

    #menu li a:link, #menu li a:visited{
    color: #0000FF;
    text-decoration: none;
    margin-right: 3px;
    border: 2px solid #000000;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 150px;

    precisa diminuir o valor 150, ele é a largura de cada botão, então deve achar um valor que todos os botões caibam na mesma linha

    ResponderExcluir
  68. Obrigada mesmo Fabiano, consegui achar o valor do Width e diminui, agora os botões ficaram menores, consegui por mais botões e todos estão lado-a-lado...

    Agora uma outra pergunta ainda relacionada a esse tema.

    No caso esses botões sao para direcionar a pessoa que clicar para uma página fixa, certo? Então por esse motivo criei as postagens com datas anteriores a minha primeira postagem, assim não fica em minhas postagens recentes.

    Mas, me surgiu uma dúvida, e quanto eu quiser criar outra postagem com o mesmo assunto do botão, pra que não fica em minhas postagens abertas, como eu faço pra deixar na mesma categoria da página que eu criei? Tem como fazer isso? Ou, eu tenho que criar outros botões?

    ResponderExcluir
  69. PauLinha
    os botões são apenas links comuns ou seja quando quiser que o botão abra outra pagina tem que trocar o endereço do link e o texto...

    em nosso menu usamos algumas paginas extras e postagens do blog

    ResponderExcluir
  70. toda vez k clica no botao, abre outra guia, iso e ruim para meu site, tem como abrir na mesma pagina nao?

    ResponderExcluir
  71. para abrir na mesma aba é só retirar o target =blank

    ResponderExcluir
  72. Este comentário foi removido pelo autor.

    ResponderExcluir
  73. Este comentário foi removido pelo autor.

    ResponderExcluir
  74. FABIO POR FAVOR ,EU ADICIONEI UM NOVO MENU IGUAL VC EXPLICOU ,MAS QUANDO EU COLOCO O MAUSE NELE ,APARECE LOGO ABAIXO DELE UM ESPAçO EM BRANCO ,O QUE PODE SER E COMO RESOLVER ISSO ?
    http://googlerei.blogspot.com/ NO NEU (TESTE)OBRIGADO..

    ResponderExcluir
  75. esse é o link do seu blog.. precisa editar os itens do menu

    ResponderExcluir
  76. Fabiano... Tem como fixar esse código como um menu nas laterais ou outro local do blog?

    ResponderExcluir
  77. Natália

    veja esse link: Fixar botões no canto da pagina

    aqui fala em botões mas serve para qualquer coisa

    ResponderExcluir
  78. eu nao consigo fazer nada no meu blog :S:S poxa ;~~

    ResponderExcluir
  79. Daiane Ribeiro de Lima
    tenha calma.. as vezes fazer alterações no blog é meio complicado mesmo, mas nao desista

    ResponderExcluir
  80. Parabéns pelo blog! Estou conseguindo formatar o meu graças a vocês. Muito Obrigada.
    A minha dúvida é a seguinte: consegui criar o menu horizontal,mas não sei como criar os links para as opções. Gostaria de que ao clicar no item do menu abrisse uma página de um assunto do meu proprio blog, não de um link externo. vou dar dois exemplos, o primeiro item do menu seria Home e o segundo seria Portfólio, onde estaria vários desenhos. Como eu faço? Terei que criar um post com os itens e adicionar o link da página? Se puder me ajudar ficarei grata.

    ResponderExcluir
  81. Alinne Lopez
    sim, primeiro crie a pagina portfolio e depois use o endereço dela no menu

    ResponderExcluir
  82. Obrigada Fabiano. Consegui fazer o menu e a página para o Portfólio.

    ResponderExcluir
  83. Muito bom esse tutorial Fabiano, mas apareceram uns problemas aqui.
    Primeiro, eu não consigo alterar a fonte de jeito nenhum, nem o tamanho e nem o tipo
    (font: bold 12px Verdana;).
    Segundo, quando eu adiciono o quinto link, ele não muda quando passo o mouse por cima dele.
    De resto ta funcionando tudo bem.
    Desde já agradeço sua ajuda.
    Abraço.

    ResponderExcluir
  84. a variação quando passa o mouse sobre ele pode ser por causa das configurações dos estilos CSS dos links do blog...

    no trecho #menu li a:hover{.... repita os configurações de fonte, tamanho e deverá funcionar corretamente

    ResponderExcluir
  85. Beleza Fabiano, essa parte já resolvi.
    Agora o que mais me interessa é o tamanho e o tipo da fonte do texto, o meu ta assim:
    #menu{padding: 0px;
    font: bold 8px Verdana;
    margin: 0px;
    width: 950px;}
    #menu li{list-style: none;
    display: inline;
    margin: 0;
    }
    Onde pode estar o problema?
    Dá uma força.
    Um abraço.

    ResponderExcluir
  86. Fabiano, já achei o problema.
    O código está pegando a configuração no "design do modelo" e "texto das guias".
    Alterei os parâmetros ali e deu certo.
    Valeu a atenção.
    Abraço.

    ResponderExcluir
  87. Tenho uma dúvida Fabiano,
    Se um criar um menu com o título de por exemplo "Contato", eu tenho que colocar um link, certo!?
    Eu não queria que este link fosse um post que eu ja coloquei no blog até pq eu não vou criar um post com o meu email, site, tel, etc... Este link tem que ser uma página a parte (sem sem um post mas que abra na própria página do blog). Como faço essa página?

    Obrigada desde já.
    Dayane

    ResponderExcluir
  88. como faço para deixar o men na horizontal fixo na parte inferior da tela ...que fique sempre visivel só que embaixo perto da barrinha azul do pc.. se é que me entende..

    ResponderExcluir
  89. Oi, eu tava usando um menu com abas, e começou a dar problema, agora coloquei esse, ele tem 3 fileiras mas os botões da 2ª fileira ficam desalinhados, como eu arrumo isso ?

    Obrigada :)

    ResponderExcluir
  90. veja esse outro código: Links lado a lado (menu horizontal)

    nele o tamanho dos botões é fixo.. então deve ficar tudo alinhado

    ResponderExcluir
  91. Olha acho que sou ignorante nisso, não consegui fazer nada do que tem nesse tutorial, eu criei paginas, e esta ficou na vertical, e eu queria mudar pra horizontal, me ajuda por favor

    ResponderExcluir
  92. Odirlene
    tenha calma e veja os detalhes, as vezes um caracter faltando dá erro no código, por exemplo: } < ' ou aspas....

    mas o que aconteceu? não apareceu nada?

    ResponderExcluir
  93. Oi tudo bem, pode me ajudar, to quebrando a cabeça, coloquei um template no meu blog que ja vem com o menu, mas nao consigo editar, quero que abra o conteudo que eu quiser tipo "about me" na mesma pagina, e la ter as informações, colocar aquela caixinha no contact, mas nao consigo mudar isso, pode me dar uma ajuda? Obrigada.

    ResponderExcluir
  94. Carol
    precisa colocar o link da sua pagina about me no código... no lugar dos links dos blogs que usei no exemplo

    ResponderExcluir
  95. Oi Fabiano tenho um blog onde deu certinho este tutorial. Muito obrigado.

    Porém no meu blog: http://filosofiasdouniverso.blogspot.com
    O menu padrão do blogger (o de paginas fixas) não está aparecendo completamente. Só aparece até Contatos sendo que eu já adicionei muitas outras páginas. O que seria este erro? Teria como dar um help?
    Obrigado cara!
    Parabéns pelo trabalho.

    ResponderExcluir
  96. Rick Reis
    se usou esse código para fazer o menu tem que atualizar manualmente ou seja colocar os outros links que desejar

    ele não é como o gadget do menu das paginas extras que é automatico

    ResponderExcluir
  97. Sim! No blog que eu usei, eu entendi essa parte.

    Mas me refiro a um outro blog onde so usei o gadget padrao do blogger e mesmo assim ele nao aparece completo. Ele nao cria mais de uma linha como deveria ser. O blog é http://filosofiasdouniverso.blogspot.com
    Será que é culpa do meu template?

    ResponderExcluir
  98. você quer outra linha de menu? é só adicionar mais itens

    ResponderExcluir
  99. Exatamente, eu adicionei mais itens e eles nao estão aparecendo

    ResponderExcluir
  100. mas como adicionou os itens...?

    envie o código para meu email

    ResponderExcluir
  101. é pra colocar o código em body,sidebar,main ou em um só lugar,não entendi.AGUARDO RESPOSTA!

    ResponderExcluir
  102. @Telma o primeiro trecho é para colocar na pagina editar html perto de onde está o body{...} mas não dentro das chaves do body

    e o restante em um gadget

    ResponderExcluir
  103. Fabiano eu coloquei o menu no meu blog e aproveitei para colocar "loja virtual",quando clica em loja virtual ainda nao tem nada pq eu nao sei qual o pxmo passo,entao a pergunta é como eu faço agora p por a loja?

    ResponderExcluir
  104. Vida na França
    tem que criar uma pagina com a loja

    esse código faz apenas o menu e não as paginas

    ResponderExcluir
  105. Onde colo esse código no "editar HTML?"

    ResponderExcluir
  106. Não aconteceu nada na hora de visualizar...

    ResponderExcluir
  107. Jones de Lira
    entre na pagina modelo lá tem a opção editar html então é nessa pagina que coloca os códigos.

    mas cuidado normalmente quando dá erro foi alguma letra ou sinal apagado por engano, por exemplo " > / < ' =

    ResponderExcluir
  108. os links são nesta parte

    < li >< a href="http://frasecurta.blogspot.com" target="_blank" >Frases Curtas< /a >< /li >

    ResponderExcluir
  109. Oi Fabiano!
    Eu tinha lido vários post's teus e não tinha visto esse, agora deu certo, até o momento onde fiz a parte dos links. Depois vou testar as páginas...
    Fabiano, se me permite, uma pergunta que vi muitas pessoas fazendo é a seguinte: "onde colocar o 1° código", bom queria dizer, pra quem ainda precisar, que eu tentei em vários locais e só deu certo lendo teu comentário: "antes de body{" então acho, que para alguns blogs tem mesmo que ser aí, pois no meu testei em todos e não deu certo...
    Acredito que esta dúvida tenha ficado ainda... então tomei a liberdade de colocar a experiência que fiz...
    Eu queria muito que me dissesse o código das bordas arredondadinhas e onde mudo, por favor!!! Atenda a uma fã desesperada por ver seu blog personalizado do "jeitinho meu"... rsrsrss Aguardo tua resposta!!!
    Vou trazer os exemplo das bordas (ou guias, não sei bem como chamar) novamente (postei em outro post teu, mas como é muita pergunta pra responder acho que fica difícil lembrar).
    http://www.cuecasnacozinha.com/
    Fabiano, me dá essa ajuda, vai??? Meu blogspot é escuro e o menu tem de ser bem chamativo, pois tenho um projeto especial no qual misturo vários temas e esse estilo me ajudaria muito!!

    Por favor não esquece de mim não!!! hehee...

    Desde já agradeço pelo trabalho maravilhoso e pelo carinho com teus leitores, de responder e tentar a solução pra tudo.


    "Mas eu voltarei" para próximas perguntas hehehehe... Agradeço desde já!
    Grande abraço! E sucesso sempre!!

    ResponderExcluir
  110. os cantos dos botões do menu que usamos atualmente é feito com imagens, veja aqui:
    Como fazer e colocar botões no blog

    ResponderExcluir
  111. olá, consegui colocar o menu mais estou sofrendo pra altera-lo, pra ficar como quero. De qualquer forma agradeço de mais pela ajuda que você me deu postando o conteúdo na net.

    Grande Abraço

    ResponderExcluir
  112. Estou sofrendo aqui para editar e deixar tudo como eu quero. Mas de qualquer forma muito obrigado pela ajuda. O seu post já me ajudou muito.

    Grande Abraço

    ResponderExcluir
  113. Como eu posso centralizar os link do menu horizontal nos novos modelos do blogger? Já tentei com inúmeros códigos, mas ainda naum consegui.

    http://abordagemholistica.blogspot.com.br/

    ResponderExcluir
  114. Oi, Maithê

    Para fazer cantos arredondados leia aqui: http://www.css3.info/preview/rounded-border/

    No meu blog, não usei o código desta postagem preferi usar o da outra ( http://www.dicasparablogs.com.br/2009/05/links-lado-lado-menu-horizontal.html?commentPage=2 ).

    Lá nos comentários indiquei o que fiz [21 maio 2013]. É muito fácil.

    Tchau

    ResponderExcluir