Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

21 dezembro 2007

Como colocar os links no menu horizontal

Como editar os links do menu horizontal de alguns templates:

<!-- Não esqueça de colocar aqui os seus links!!-->

<div id='navigation'>
<ul>
<li><a href='endereço do seu blog' title=' Home Page'>Home</a></li>
<li><a href='inserir link aqui' title='Artigos'>Artigos</a></li>
<li><a href='inserir link aqui' title='Fotos'>Fotos</a></li>
<li><a href='inserir link aqui' title='Links'>Links</a></li>
<li><a href='inserir link aqui' title='Forum'>Forum</a></li>
<li><a href='inserir link aqui' title='Outros Sites'>Outros Sites</a></li>
<li><a href='inserir link aqui' title='Faq'>FAQ</a></li>
<li><a href='inserir link aqui' title='Contato'>Contato</a></li>

</ul>
</div>


Esta assim:
<li><a href='inserir link aqui' title='Artigos'>Artigos</a></li>

Exemplo de como editar:
<li><a href='http://criativas.blogspot.com' title='Receitas'>Criativas</a></li>

Onde está inserir link aqui, você pode colocar o endereço de alguma página específica do seu blog, de algum marcador ou de alguma página externa. Onde está Title, coloque uma pequena descrição do link ou o nome do mesmo: ele só aparecerá quando se colocar o cursor sobre o link. E entre <a href="http://endereço do seu link"> e </a> você coloca o 'nome' do link, o que aparecerá para seus visitantes.

Artigos Relacionados

23 comentários:

CDAD disse...

Ariane super amiga. Passei prá te deixar um Feliz Natal e ótimo Ano Novo!!!! Nesse ano quanta coisa aconteceu não?! Nós duas criamos nossos blogs quase na mesma época e temos desde então uma linda amizade!!!! Para o ano de 2008, vamos ver a nossa parceria?!!!! Beijos.

Footballer Girl disse...

Olá Ariane!
Estou passando para agradecer a explicação!
Agora realmente conseguir ajeitar os links!
Muito obrigada e feliz fim de ano pra vc!

Bruno disse...

Oii Ariane!!
Não sei se voce viu sue boquê la no blog..rsrsrs
Mas ai, eu queria saber como que coloco na barra, pro internauta me mandar um email(como na sua barra) e para ele me add nos favoritos clicando somente no botão da barra.
Brigadão pela atenção!!
Até mais!

Ariane disse...

adega, ainda não vi, mas, obrigada :-) Estou preparando um post prá tirar estas dúvidas. abraço

Jose Balbino de Araujo disse...

Ufa consegui! O meu menu está em vertical. Gostei, O link para o seu blog é proposital.
Continue com as dicas, Tenho ainda muito para aprender.
Sucesso!
Balbinux

Anna Monteiro disse...

Olá Ariane!

graças a vc,venci mais uma etapa no mundo HTML =)Tô quase sonhando com códigos de tanto q eu leio sobre rss mas vamos à minha questão;

Eu botei no meu blog ( www.anailustra.blogspot.com) um menu horizontal,com alguns links.Até aí ok.
O que eu quero mesmo,era saber se por acaso dá p. fazer este tipo de menu como o da imagem : http://i99.photobucket.com/albums/l282/LuaNova/menu-horizontal.jpg
(Vc clicaria no link e ele mostraria uma listinha de sub-links).

Existe esta possibilidade? Se sim,qual seria o código em HTML que eu precisaria E onde posicioná-lo?

Desde já te agradeço,e te desejo um ótimo final de semana!

Anna Monteiro disse...

Oi Ariane! obrigada por ter me respondido,achei o que vc me orientou procurar, mas num outro site(http://www.yogodoshi.com/blog/web-developer/aprenda-a-criar-um-menu-drop-down-com-css-e-javascript)
.Só que eu não consigo juntar o que tá feito ali,com o que vc explica acima.Fiz várias tentativas mas todas frustradas até então.

Será q vc poderia mostrar como ficaria um menu drop down, mas mantendo seu exemplo de cima?
(OBS: não precisa reescrever tudo,só umas 2 linhas como exemplo bastam).

Mais uma vez,muito obrigada e um ótimo finde!
Abraços

Cris Bonfim disse...

olá ariane!!!!
gostei muito do seu blog e das dicas q vc dá aqui,são verdadeiros tutorias super simplificados pra fazer qualquer leigo como eu entender direitinho.....eu sempre usei só os recursos padrões disponiveis no blogger e emm outros blogs,mas agora quero personalizar pra deixar com minha cara....suas dicas vão me ajudar muito...espero conseguir fazer.....
bjkas

cris bonfim
http://1pouquinhodtudo.blogspot.com

Cultura Nordestina disse...

Oi Ariane, me diz uma coisa, como faço pra destacar (seria um destaque simples mesmo, como uma piscada ou ficando sublinhado)as opções do menu quando passa o mouse por cima?

Obrigado. Abraços.

Douglas disse...

aew crei um marcador chamado home
mais como eu faço pra linkar ele na home
ondeu eu insiro a url do site

Distribuidora Tropical disse...

Ariane fiz um menu mas não sei o que fazer porque quando eu clico em "home", "fale conosco", essas coisas não aparece nada gostaria de saber como criar a pagina para que apareca. por favor me ajude obrigada.

Anônimo disse...

Oi, meu blog não abre os links em nova página, procurei neste blog e não achei.
Você sabe uma solução?

filmes disse...

Amigo

Como faço para numerar as páginas do meu blog. Exemplo. pag. 1 2 3 4 5.... 70

hoje é assim postagens mais antigas e postagens mais recentes

rgcopia@terra.com.br

Vitor Yuji disse...

olha tipo pra fazer isso eu tenho que ir em nova postagem?

Unknown disse...

ola ariane
tenho utilizado o seu blog para melhorar o meu, como e evidente temos de aprender com os melhores, e sendo assim so tenho de agradecer, mas agora tenho uma duvida, eu tenho uma serie de links relacionados com o meu blog que gostaria de mostrar, queria por na vertical na coluna da direita, o problema e como e que fasso isso, tenho dado voltas aqui no blog mas nao encontro nada relacionado, ou se calhar esta-me a passar ao lado.
obrigada.
http://vitorjscoelho.blogspot.com/

Clique em "Mostrar todas as postagens" e jogue ou ouça músicas disse...

Alguém sabe como adicionar um vídeo no blog?

dani22k@gmail.com disse...

Ariane fiz um menu mas não sei o que fazer porque quando eu clico em "home", "fale conosco", essas coisas não aparece nada gostaria de saber como criar a pagina para que apareca. por favor me ajude obrigada.

[2]

Gurias disse...

Oi Ariane! Mas uma vez tuas dicas me ajudaram muito... consegui criar um link para mais umas fotos no nosso blog... sem suas dicas, nós nem teríamos o blog, valeu mesmo!!

Gurias disse...

Oi Ariane! Mais uma vez com a sua ajuda consegui colcar página no blog, valeu mesmo, obrigadão!!

Andréia disse...

ola Ariane , qria primeiramente te agradecer por todas essas dicas e dizer q meu blog ta muito lindo agora,rsrs bom foi um pouco dificil mas valeu a pena. e dizer tbm que coloquei link do seu blog no meu falando pra todo mundo conferir as coisas boas q tem aqui.
bjao

Eduardo Cardoso disse...

Olá gostei muito do seu blog e das informações contidas neles, tem me ajudado muito na configuração do meu blog. Estou utilizando um template que vc fez chamado Blue. Só que não estou conseguindo colocar os links do menu horizontal. Tentei segui os passos que vc colocou no tutorial, só que mesmo assim não consegui colocar. Sera que haveria a possibilidade de vc colocar no seu blog alguns passos para colocar os links contato, artigos, tutorias e outros relacionados ao Template Blue. Ficaria muito grato.

Anônimo disse...

não tem como usar esses codigo para exibir links horizontalmente, para eu colocar no footer do meu blog, tipo com contato e sobre etc

paulo tavares disse...

Olá gente,

Estou um problema. Criei um menu horizontal com abas e quando clico as abas ficam por baixo das postagens. gostaria que vocês me ajudassem a resolver o problema. Ainda estou em fase de ajuste no blog. http:cecilialacerda.blogspot.com

grato paulo ptavaryz@ig.com.br

Postar um comentário

Os comentários são moderados.