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 (10)
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?