Como criar barra de menu para blogspot?
Primeiro entre em Layout e logo em seguida clique em Editar HTML procure pela seguinte linha do
HTML
#main-wrapper
E cole esse codigo antes dessa linha
/*– (Menú) –*/
#nav {
background: url(http://www.cssplay.co.uk/menus/button1.gif) repeat left top;
height: 26px;
}
#nav ul{
list-style: none;
margin: 0px 0px 0px 25px;
padding: 0px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}
#nav ul li{
margin: 0px 1px 0px 0px;
padding: 0px;
float: left;
}
#nav ul li a{
padding: 5px 7px 6px 7px;
text-decoration: none;
color: #FFFFFF;
display: block;
}
#nav li a:visited{
text-decoration: none;
color: #ffffff;
}
#nav li a:hover, #nav .current_page_item a{
text-decoration: none;
background: #FFFFFF
color: #FFFFFF;
}
Em seguida procure por essas linha:
<div id=’content-wrapper’>
Cole esse código antes dessa linha
<div id=’nav’>
<ul>
<li><a class=’current’ href=’Endereço‘ title=”>Inicial</a></li>
<li><a href=’Endereço‘ title=”>Ítem1</a></li>
<li><a href=’Endereço‘ title=”>Ítem2</a></li>
<li><a href=’Endereço‘ title=”>Ítem3</a></li>
<li><a href=’Endereço‘ title=”>Ítem4</a></li>
<li><a href=’Endereço‘ title=”>Ítem5</a></li>
</ul>
</div>
COMO CONFIGURAR O MENÚ
» O que está em AZUL deve ser substituído pelo ENDEREÇO do Link.
» O que está em VERMELHO deve ser substituído pelo TÍTULO do Link
Depois de adicionar os códigos clique em visualizar se o seu menú estive no lugar correto ai é só clicar em salvar.
Categorias Dicas blogspot, Menu |
Confira aqui outras dicas relacionadas
- Tema Blogger-Curved – Templates Para Blogspot Grátis
- An Outburst Of The Soul – Templates 3 Colunas Para Blogspot Grátis
- Templates para blogspot
- Tema Lamborghini – Templates Para Blogspot Grátis
- Tema Flower Blog – Templates 3 Colunas Para Blogspot Grátis
- Majestic – Templates 3 Colunas Para Blogspot Grátis
- Como colocar Anúncios Adsense nas postagens do blogspot?
- Como Colocar Adsense Nas Postagens do Blogspot
- Red Light – Templates 3 Colunas Para Blogspot Grátis
- Voki Avatar Animado Com Voz Grátis Para Blogger
Comentários (25)
no meu blog naum tem esta linha
#main-wrapper
por que?
e naum é template naum, é o iriginal do blogspot
vc poderia mim ajudar?
tardelipires@hotmail.com
desculpe mas eu não estou conseguindo colocar o menu aparese a seguinte informação
Corrija o erro abaixo e envie o seu modelo novamente.
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: Open quote is expected for attribute “{1}” associated with an element type “id”.
poderia me ajuda dar muito obrigado
no meu template não tem nenhuma das linhas q vc falo pra axar..estranho.
num tem nenhuma das duas..
#main-wrapper
como faço?
OI!!!
Bom, eu tentei colocar este código, mas não funcionou, tem alguma tag que não foi fechada, eu não consegui encontrar qual é, se vc puder me ajudar eu agradeço mto!!!
Ateh mais!!!
Bom respondendo a todos os comentarios, pelo fato do blogspot não usar um codígo padrão muito temas não tera o mesmo codígo, eu acredito ser mais facil trocar o tema para um que ja tenha o menu horizontal instalado.
Bom desculpa a demora para respondelos é que devido ao fato de que eu estou retornando ao Brasil to mei atarefado com negócios de entrega de apartamento para a imobiliaria, desligamento de água, luz, e outras coisinhas.
Segue aqui um link com alguns temas que já tem o menu horizontal instalado
http://www.criarblog.info/criarblogs/templates-para-blogspot-3-colunas/
T+ Abraços
bem no meu tambem não pegou e não tem aquela linha
como é que eu faço agora?
Valeu, ficou arretado!
Eu copiei e colei sertinho…
Só q ele n aceito >_>
Queria poder colocar Menu na parte do ”Gadget”.
Comofas?
ai cara fis tudo certo quando cloko em visualizar naum aparece o menu so o site ajuda deixe um email pedrinho_sergio@hotmail.com
no meu tambem não funcionou l:
não consegui não tem linha nenhuma
pelo que percebi foi um pequeno erro, más..
não consegui corrigilo então da pra da uma olhada ae e tenta arruma pra gente
Gente para vcs acharem estas linhas vc apertem as sequintes teclas ctrl+f e coloca o nome da linha
No meu blog não tem esta linha:
E agora?
eu poderia ajuda vc com alguma coisa mais queria que vc me ajudase com outra coisa tbm? me add no msn mix.william.aguero@hotmail.com
Lembrem-se troque sempre o vermelho pelo titulo do Menu , por ex : Recados
e a azul pelo URL ou seja para onde o menu vai levar
engraçado num deu certo com ninguem,rsrsrs
mas ta valendo
jente se vocês não conseguirem entrem no meu blog eu coloquei um tutorial excelente entrem http://blogmy-business.blogspot.com/ são 7 passos
olha eu tentei instalar um menu em meu blog. Conssegui mas quando clico em cima do link aparece assim: A página não existe. Mas eu criei as páginas em meu blog e na hora de instalar eu coloquei lá nos links contatos e tal fiz de acordo com o seu exemplo… será que vc poderia me ajudar a instalar o menu… é urgente… me responda no e mail o mais rápido possivel
ridicula esta dica… acontece como o wudsonfox mencionou… voce errou feio… vejo q HTML não é a sua area… voce é um completo amador… pessoal… substitua por isto aqui.
TITULO1
TITULO2
TITULO3
cuidado tambem se seu tamplate for branco pq o espertao aew colocou tudo em FFFFFF.
deve ter copiado esta dica de outra amador tb
me descul´pe mais nao consigo coloca esse menu fala que #main-wrapper nao tem entre em contato comigo mais posivel allyfer_2010@hotmail.com
meu blogspot naum tm essa linha ( #main-wrapper) e nem essa ( ), ql devo usar?
não consegui achar os termos que voce passa para colocar por favor me ajude (pihhbairral@gmail.com)