Como Colocar Menu no Blogger
Por Garó em 15 abril, 2009, 12:17 am
|
|
Você gostaria de colocar um menu profissional no seu blog ?
O site CSS Menu Generator oferece vários menus, com muitos estilos diferentes e de fácil implantação. Na página inicial você escolhe uma das categorias de menus:
Drop-Down (menus com submenus), Horizontal, Vertical e Dreamweaver Menus (menus com vários submenus).
(Antes de começar salve o modelo do seu blog para você não perder nada caso dê algo errado).
1º – Escolha um dos modelos de menu, clique em “Download Source” para fazer o download do menu;
2º – Copie o código html que aparece no bloco de notas e cole em Layout>>Adicionar um Gadget>>HTML/JavaScript, colocando no local que você quer que fique o menu. Caso o menu não venha com o código, utilize o código abaixo:
<div id=”menu”>
<ul>
<li><a href=”LINK1″ title=”TITULO1″>TITULO1</a></li>
<li><a href=”LINK2″ title=”TITULO2″>TITULO2</a></li>
<li><a href=”LINK3″ title=”TITULO3″>TITULO3</a></li>
<li><a href=”LINK4″ title=”TITULO4″>TITULO4</a></li>
<li><a href=”LINK5″ title=”TITULO5″>TITULO5</a></li>
<li><a href=”LINK6″ title=”TITULO6″>TITULO6</a></li>
</ul>
</div>
3º - Substitua os trechos indicado do código com os links e títulos dos menus, exemplo:
<li><a href=http://www.seublog.com/dicas title=”Dicas“>Dicas</a></li>
4º – Copie o código CSS do menu que também está em um bloco de notas, vá até Layout>>Editar HTML e cole antes de alguma indicação de CSS, como no exemplo abaixo:
5º - Hospede as imagens salvas do menu no ImageShack e coloque os links nos locais indicados do código CSS de acordo com o nome da imagem:
Obs: Coloque os links das imagem dentro dos parêntese e das aspas, exemplo:
(“link da imagem”)
Se você fez tudo certo, seu menu estará pronto, caso dê algo errado deixe um comentário que responderei assim possível.
Até a próxima!
Modificado em 29/03/2010.
 |
Não consegui por naum sei se colei no lugar certo pq no meu blog naum tem aqueles "Header" poderia me ajudar???
ei eu não consegui porque o que tem que fazer baixar o menu isso eu ja fiz mas foi no negocio tão de izzadir mais ou menos isso e depois eu testei todos as coisinhas la mais nao deu certo!
meu Orkut e MSN é deivid_tchola@hotmail.com
o orkut é o esmo do msn ta falou
ta cara consegui, mas como q faço para colocar alguma coisa nele
ex:
inicio > vai pro topo da pagina
como baixar > aparecer explicando td e assim por diante??
victor_m_gc@hotmail.com
Muito + Muito obrigado mesmo pelo tutorial!!! Eu estava a procura disso e conseguir por o menu!!! Mais o menu ficou muito grande! Ele é horizontal e ultrapassou os limites da tela do meu blog… como configuro o tamanho? Por favor conto com sua ajuda!
Web Rike, passe o link do seu blog para eu poder ver o código.
Um abraço!
Boa tarde! Olha pra falar a verdade, na primeira vez que coloquei o menu, ele ficou estranho, pensei que tinha faltado o upload de alguma imagem e colar o endereço certo no CSS, então fiz tudo de novo hoje, e ficou estranho do mesmo jeito, então agora são 2 problemas: 1º Descobrir porque o menu não está aparecendo corretamente e 2º Ajustar o tamanho ao blog.
O link do blog que eu estou testando o menu é: http://betasimsvicio.blogspot.com/
E quando o menu estiver funcionando perfeitamente, vou coloca-lo no blog: http://www.blogsimsvicio.blogspot.com
Agradeço sua ajuda!!!
Olá! Aprecio muito suas dicas e gostaria de sua ajuda. Quero colocar o nome ou endereço do meu blog sobre as fotos que posto. Como faço? Desde já agradeço a colaboração.
Dani,
Uma maneira fácil é usar o paint.
Um abraço!
Web Rike,
adicione " " (aspas) nos links das imagens.
Exemplo: ("link-da-imagem")
Sobre a largura, modifique o valor de "width" que está logo no começo do código do menu. Vai salvando e visualizando até ficar na medida certa.
Um abraço
Cara não consegui colocar o menu, fiz tudo direitinho mas o menu não apareceu, o que ta faltando ???
Lukiinhah, passei no seu blog e vi que você conseguiu colocar o menu.
Qualquer dúvida deixe um comentário.
Um abraço!
Aff eu ja adicionei as " " e não da certo mesmo assim =/ Oque será que estou fazendo errado?!?
oi amigo, nao entedi, no 1° passo voçe pedio para copiar o codigo html, mais nao vii nenhum codigo, men ajudem, por favor, msn> brunom.msn2@hotmail.com
Bruno, o código esta em um bloco de notas quando você faz o download de um menu.
Um abraço!
Me ajuda ? eu fui no site direitinho, preenchi o que eu queria, fiz o download, coloquei no blog o codico, mas eu no meu menu, não aparece nada pra colocar o "link nos locais indicados do código CSS:" como é que eu vou colocar se não aparece nada disso que voce explicou! tipow tipo ("images/menu-bg.gif") no meu nao aparece nada, o que eu faço?
A todos que ficaram com dúvidas quanto ao menu:
Como houve algumas mudanças no site Menu CSS Maker, modifiquei a postagem para facilitar o entendimento de todos.
Um abraço!
Valew parceiro, tentei a primeira vez e naum concegui, mas agora fiz com calma o procedimento e deu certo, meu blog ficou mais pratico com o menu.!!!
Show de bola!
Será bem vindo no http://imagestudioprodutora.blogspot.com/
me explica direito esse trosso ai!!!
por favor
Gente funciona legal… blz… Deus abençoe.. http://www.carlosdjesus.blogspot.com
oi garo eu nao consegui sou muito fraco nesses negocios vc poderia fazer pra mim agradeço
Pow, complicado, eu tentei colocar menu meu blog mais nao deu msm,a 1º tentativa usei codigo html, nao funcionou, usei link, nao deu tbn, o q faço d errado, tem um monte d letras e nada d menu obg pela atençao e Sayonara ^^ xD [ nao deixarei o blog prq ele nem tem conteudo, esta realmente em fase d inicializaçao ! ] o/ Bye
ameii os emctions (8)
ameeeeeeei *—*
Olha gii, acho melhor entrar em um site, de dicas :
Exemplo : Dicas html imeages, links…
beijos :* :)
FIZ TUDO CERTINHO MAS AS IMAGENS NUM APARECEM
Queridinho, não consegui.. eu até consegui colocar o menu mas quando entro no blog e clico no menu aparece que ‘a pagina nao existe’ e tambem nao sei como adcionar posts nos menus. Sou seguidora rapunzel. (www.bomboneca.blogspot.com)
Obrigada.
ME AJUDAAAAAAAAAA!
fiz tudo certinho e não da certo, talvez porque eu coloquei o codigo no lugar errado!
você poderia por favor me mandar um email explicando certinho?
Obrigado!
Desculpa incomodar, mas eu coloco tudo certinho e o menu nao fica do geito que eu gostaria
Favor me ajudar.
Eu consegui colocar, mas as imagens não aparecem , acho que coloquei no lughar errado
Ola, boa tarde! Me explica como eu consigo esse formulário de comentários que voce esta usando, ja procurei em vários lugares, mas não encontrei nenhum prático como esse. A maioria deles são muito limitados ou exibem umas propagandas chatas.. M dá um toque aí, ok?
Obrigado!
Boa tarde José, me passe o link do seu blog para que eu veja como te ajudar.
Um abraço!
Não consegui…
Oi! Consegui instalar. Escolhi o menu Drop-Down, mas não sei como configurar o sub-menu. Vc pode me ajudar?
cara eu fiz td certinho e o menu apareceu no site do jeito que eu queria porém como eu faço pra direcionar, ou seja, montar as paginas para aquele link. meu blog é http://sementinhadavida.blogspot.com/ e exemplo queria que qd abri-se o menu http://sementinhadavida.blogspot.com/bercario aparecesse a pagina só do berçario mas como faço
vlw
Anderson, realmente o código do seu menu está diferente, mas para resolver é simples:
no lugar do link das categorias, coloque apenas o nome delas, exemplo:
em vez de http://sementinhadavida.blogspot.com/bercario coloque apenas bercario.
Um abraço!
ola, td bem? Colokei os menus, mas tenho um probleminha, como faço para inserir informaçoes em cada menu.Qdo clico diz que a pagina nao exites como criar as paginas nesses menus.
Se puder me enviar a resposta.
valew
Erika, basta colocar o código que está neste post em um gadget e substituir LINK e TÍTULOS.
Um abraço!
não to consiguindo me ajuda não tem header
Valew meu brother!!! Muito bom! Consegui colocar os menus, agora vou correr atrás de como colocar os links nos menus pra uma outra página!!! Se puder me ajudar com isso também ou indicar algum site vou ficar felilz!!!
Brigadão cara!!!!
Muito obrigando *-*
ola!!
Parabéns pelo site, li um post seu que explicava o uso do css menu maker, consegui colocar no meu blog, que ainda está no início, quando aperto uma vez no botão do menu há a transferencia para a respectiva pagina, mas quando a perto de novo não funciona, aperto a primeira vez,exemplo, vai para o link certo,com um “p” apenas (p/video)aperto de novo qualquer botão aparece outro p (p/p/video) e a pagina não existe, ou seja acrescenta um “p” no link, como resolvo isso? me ajude! ficarei grato. O meu blog é (jonathanpslima.blogspot.com)
Jonathan, em um dos código você não colocou os links completos, corrija isso e veja se funcionou.
Um abraço!
PO CARA..TINHA ESQUECIDO DE COLOCAR A “/” ANTES DO RESTANTE DO LINK, COLOQUEI E DEU CERTO….OBRIGADO!!! VC É 10..
Gostaria que me ajudasse, porque depois que coloquei o menu, desajustou todo o tamanho do meu blog:
http://garota-lilas.blogspot.com/
Obrigada ;)
se quiser mande pelo meu e-mail as instruções se puder;)
Bom, customizei o menu n site que você indicou
depois colei o codigo do bloco de notas (do modelo que baixei) logo acima do local citado no 4º passo
salvei
e quando fui visualizar não pegou
pode me explicar pq?
Oi Garó!Não encontrei um lugar adeqüado pra te perguntar isso,no blogger novo tem o gadget páginas que faço como um menu, bem fácil para iniciantes como eu não acha?Bem, dai fiz uma página com o título contato,mas nessa página aparecem os outros gadgets tipo perfil ,artigos do blog ……Gostaria de saber se tem como tirá-los, para deixar uma página mais limpa,mas só desta.Vai ficar como?Muito,muito obrigado por partilhar!
eu fui fazer um menu com varios sub-menus mais ai q quando a gente passa o mouse não a parece os sub menus D:
Zaza, isso é um problema!!!
Qual o link do blog que você colocou o menu?
Um abraço!
Pedro, coloque aqui o link do blog que você colocou o menu para que eu possa ver o problema.
Um abraço!
http://mundodo-brasfoot.blogspot.com/
é esse ai
(ainda estou editando o blog)
bem, dá uma olhada aii não ta dando certo, e eu já to cansada por hj
oi, eu fiz tudoo! e so ficou o nome e si clicar vai pra pagina, ate ai tudo ok.
mais nao estar personalizado com o modelo do menu qi eu escolhi, esta totalmente simplees, qi nem a opção qi ja vem no blogg. e eu coloqei o link das imagens tdo direitinho no codigo. sao elas qi nao estao aparecendo..
esse aqi é o blog http://oficialgalerapower.blogspot.com/ veja la como esta, nao esta aparecendo as imagens ://
ajuda ai por favor.
abçs!
Felicia, as imagens nao aparecem porque o imageshack esta fazendo umas mudanças.
Aconselho você a hospedar as imagens no Picasa.
Um abraço!
cara eu fis de um jeito diferente e deu sertissomo!!!!
valew!!!!
olá Garó! eu fiiz tudo certo até a parte 3! eu não consigo axar a ‘Topada Widget’ o que eu faço?
a 5 eu fiz certo salvei as imagens só não axo o Topada Widget! puurfavoor é urgente !
beijos :*
olha consegui colocar o menu so q ñ sei colacar as imagens ou videos e outros em seu links!!! por favor pode me ajudar??!!
Excelente dica, parabéns!
tentei fazer nada acho que não sei como copiar o que vc pediu.
Quem não consigui achar o Header e so apertar a tecla Ctrl e a letra F .
Crtl+F
Como fasso para postar na páginaas ? por favor me ajudeee !
Eu consegui fazer o menu deu tudo certo so não sei postar , nas paginas !
Juuuh, você vai criar uma postagem normalmente e vai colocar o link dela no menu.
Um abraço!
Muito obg querido !! ^^
e como que eu fasso pra colocar ele no menu ?
Porque quando eu dou um click em cima aparece uma página dizendo que não existe !
entre no meu blog p/ você ver !
http://www.blogselvadamoda.blogspot.com
ja tenho o menu pronto mas como colocar as postagens no menu ?
Manow, o CSS Menu Generation… Mudou completamente
não é mais como vc explicou no tuto…
af, to cansado já de ficar procurando as linhas
corretas para colar os codigos meu, que ódio
nun tem uma ferramenta que nos ajude a achar as linhas
certas eu já tinha visto isso uma vez mais agora nun sei aonde, e procuro no google já faz um tempão e naun acho, poderia me ajudar? desde já agradeço.
Não consegui.
Coloquei tudo direitinho mas o problema é que aparece que a página que a pessoa está procurando não existe no blog.
Poderia me ajudar?
acompanhei os passos, aparece alterações salvas, mas quando visualizo o blog nada mudou
me ajuda ai rs
abraços
cara não estou conseguindo prq sempre que tento fazer o download do menu o site pede meu email dai ele me manda um arquivo tal de CSS_Menu_maker não sei nem o que é isso
me ajuda plz
Obrigada pela ajuda,mais o estranho é que eu peguei apenas esse código que vc postou no tutorial e deu certo.quando eu coloquei o html do menu que baixei nesse blog que vc postou não apareceu o menu e sim todo o código escrito,ai eu coloquei o seu e me serviu bastante,obrigada
Aff,não deu certo,mudei o endereço do meu blog,mais tá tudo certinho,ai quando eu clico no menu…abre uma página dizendo que meu blog não existe…
Queila, e qual o novo endereço do seu blog?