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
Menu horizontal
4/ 5
Oleh

119 Comentários

HEG
18 de maio de 2008 23:15 delete

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

Reply
18 de maio de 2008 23:31 delete

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.

Reply
19 de maio de 2008 00:02 delete

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

Reply
HEG
19 de maio de 2008 23:45 delete

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

Reply
21 de maio de 2008 21:45 delete

Ola

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

Reply
21 de maio de 2008 22:25 delete

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

Reply
HEG
23 de maio de 2008 18:15 delete

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

Reply
26 de maio de 2008 01:33 delete

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

Reply
Fox
23 de junho de 2008 00:14 delete

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

Reply
Fox
23 de junho de 2008 00:18 delete

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

Reply
aramys
9 de julho de 2008 00:37 delete

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

Reply
Rene Menuchelli
19 de agosto de 2008 18:08 delete

Eu não consegui fazer isto!

Reply
Anônimo
9 de novembro de 2008 15:22 delete

Tem como trocar o tipo de letra ?

Reply
9 de novembro de 2008 18:10 delete

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.

Reply
1 de janeiro de 2009 17:14 delete

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

Reply
1 de janeiro de 2009 23:45 delete

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

Reply
19 de fevereiro de 2009 16:36 delete

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

http://somentelinkcristao.blogspot.com/

Reply
Rene Menuchelli
1 de março de 2009 09:47 delete

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

Reply
30 de abril de 2009 12:34 delete

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

Reply
30 de abril de 2009 13:58 delete

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

Reply
Anônimo
1 de maio de 2009 21:52 delete

tem como mudar o estilo do menu?

Reply
3 de maio de 2009 15:18 delete

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

Reply
4 de maio de 2009 01:59 delete

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

Reply
7 de maio de 2009 23:41 delete

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

Reply
Anônimo
27 de maio de 2009 22:17 delete

Como eu troco a cor azul daas palavras pelo cor preta?

Reply
28 de maio de 2009 14:56 delete

veja essa postagem sobre formatar texto

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

Reply
9 de junho de 2009 01:19 delete

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!^^

Reply
9 de junho de 2009 14:57 delete

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

Reply
9 de junho de 2009 18:02 delete

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.

Reply
10 de junho de 2009 20:26 delete

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

Reply
10 de junho de 2009 22:28 delete

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.

Reply
11 de junho de 2009 03:33 delete

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

Reply
11 de junho de 2009 20:53 delete

é muito facil eu coloquei em todos os meus blogs

Reply
16 de junho de 2009 19:32 delete

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.

Reply
26 de junho de 2009 14:08 delete

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

Reply
26 de junho de 2009 14:47 delete

Nádia C.


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

text-transform: capitalize;

Reply
14 de julho de 2009 16:13 delete

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

Reply
28 de julho de 2009 07:53 delete

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

Reply
28 de julho de 2009 14:14 delete

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

Reply
29 de julho de 2009 22:31 delete

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

Reply
Anônimo
7 de setembro de 2009 14:16 delete

Expecifica o lugar, não entendo muito o CSS

Reply
7 de setembro de 2009 18:08 delete

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

Reply
29 de setembro de 2009 16:35 delete

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

valeu!

Reply
6 de dezembro de 2009 18:00 delete

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

Reply
7 de dezembro de 2009 00:04 delete

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

Reply
11 de dezembro de 2009 09:44 delete

Como troco as cores do menu horizontal?

Reply
11 de dezembro de 2009 10:16 delete

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

Reply
31 de dezembro de 2009 23:20 delete

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

Reply
1 de janeiro de 2010 14:07 delete

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)

Reply
2 de janeiro de 2010 12:42 delete

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.

Reply
2 de janeiro de 2010 14:44 delete

precisará criar outras imagens para esse menu

Reply
17 de janeiro de 2010 14:10 delete

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ã

Reply
27 de março de 2010 17:06 delete

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...

Reply
Thiago
22 de junho de 2010 09:57 delete

OPA
BELE?

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

Reply
22 de junho de 2010 15:25 delete

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

Reply
21 de julho de 2010 16:28 delete

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?

Reply
21 de julho de 2010 16:42 delete

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

Reply
12 de novembro de 2010 20:03 delete

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

Reply
15 de novembro de 2010 20:12 delete

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?

Reply
15 de novembro de 2010 20:29 delete

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

Reply
17 de novembro de 2010 05:00 delete

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

Reply
23 de novembro de 2010 20:14 delete

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...

Reply
24 de novembro de 2010 14:42 delete

é 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

Reply
10 de dezembro de 2010 10:25 delete

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

Reply
22 de fevereiro de 2011 12:39 delete

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

Reply
22 de fevereiro de 2011 13:55 delete

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

Reply
22 de fevereiro de 2011 14:57 delete

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

Reply
23 de fevereiro de 2011 23:56 delete

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?

Reply
24 de fevereiro de 2011 14:21 delete

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

Reply
rai
9 de março de 2011 20:29 delete

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

Reply
9 de março de 2011 20:49 delete

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

Reply
3 de abril de 2011 17:49 delete Este comentário foi removido pelo autor.
3 de abril de 2011 18:08 delete Este comentário foi removido pelo autor.
27 de maio de 2011 16:47 delete

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..

Reply
28 de maio de 2011 00:12 delete

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

Reply
5 de junho de 2011 03:33 delete

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

Reply
5 de junho de 2011 14:08 delete

Natália

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

aqui fala em botões mas serve para qualquer coisa

Reply
14 de junho de 2011 13:25 delete

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

Reply
14 de junho de 2011 14:34 delete

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

Reply
21 de junho de 2011 15:31 delete

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.

Reply
21 de junho de 2011 16:16 delete

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

Reply
23 de junho de 2011 20:47 delete

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

Reply
16 de julho de 2011 00:08 delete

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.

Reply
16 de julho de 2011 00:33 delete

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

Reply
16 de julho de 2011 16:44 delete

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.

Reply
16 de julho de 2011 18:59 delete

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.

Reply
22 de julho de 2011 01:14 delete

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

Reply
26 de julho de 2011 19:47 delete

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..

Reply
10 de agosto de 2011 12:31 delete

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 :)

Reply
10 de agosto de 2011 14:43 delete

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

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

Reply
20 de setembro de 2011 10:40 delete

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

Reply
20 de setembro de 2011 16:30 delete

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?

Reply
4 de outubro de 2011 13:14 delete

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.

Reply
4 de outubro de 2011 16:42 delete

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

Reply
5 de novembro de 2011 11:31 delete

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.

Reply
5 de novembro de 2011 13:28 delete

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

Reply
6 de novembro de 2011 00:01 delete

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?

Reply
6 de novembro de 2011 02:18 delete

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

Reply
6 de novembro de 2011 18:53 delete

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

Reply
6 de novembro de 2011 21:47 delete

mas como adicionou os itens...?

envie o código para meu email

Reply
27 de dezembro de 2011 16:48 delete

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

Reply
27 de dezembro de 2011 18:21 delete

@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

Reply
26 de janeiro de 2012 08:56 delete

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?

Reply
26 de janeiro de 2012 16:30 delete

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

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

Reply
1 de fevereiro de 2012 14:09 delete

Onde colo esse código no "editar HTML?"

Reply
1 de fevereiro de 2012 14:36 delete

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

Reply
1 de fevereiro de 2012 15:46 delete

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 " > / < ' =

Reply
24 de fevereiro de 2012 19:14 delete

olá, consegui colocar o menu mais não sei editar.

Reply
24 de fevereiro de 2012 19:52 delete

os links são nesta parte

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

Reply
14 de maio de 2012 10:18 delete

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!!

Reply
14 de maio de 2012 12:49 delete

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

Reply
21 de junho de 2012 19:51 delete

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

Reply
21 de junho de 2012 19:53 delete

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

Reply
28 de julho de 2012 16:59 delete

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/

Reply
21 de maio de 2013 00:47 delete

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

Reply