Navegar Dentro da Página - Criar links na mesma pagina

Quando temos uma pagina com muitas coisas ela acaba ficando longa demais e alguns usuários se atrapalham na hora de encontrar alguma coisa, uma solução para isso é colocar links que facilitem a navegação dentro de nosso blog.

Para fazer isso é bem simples você pode colocar um link no começo do blog que levará até o código do seu banner (caixinha link-me), então faça da seguinte forma: vá até a pagina layout, adicionar gadget, html/javascript e coloque esse código:

<a href="#banner">Caixinha Link-me</a>

Deixe isso no começo do blog, pois esse é o link que aparecerá para clicar e ir até a caixinha link-me do seu blog. Depois clique para editar onde colocou a caixinha link-me e coloque esse código no começo:

<a name="banner"></a>

Pois quando alguém clicar essa linha que irá para o topo da página e não se preocupe esse código não aparece no blog. Agora é só salvar e testar.

Para fazer outros links apenas altere no código o texto e nome dos links: a palavra banner deve ser troca por qualquer outra, mas nas duas partes do código e Caixinha Link-me é o texto que vai aparecer no topo da sua pagina onde está montando uma espécie de guia de rápido acesso para facilitar a navegação. Quando colocar mais de um link acrescente no final de cada um
isso faz mudar de linha assim cada link ficará numa linha sozinho, então para vários links fica assim a primeira parte do código:

<a href="#banner">Caixinha Link-me</a><br/>
<a href="#banner">Caixinha Link-me</a><br/>
<a href="#banner">Caixinha Link-me</a><br/>

E não se esqueça de colocar a segunda parte do código em cada um dos destinos que criar.

28 comentários:

  1. Oi
    As sua dicas são ótimas.
    Eu gostaria de saber se você sabe onde ensina a rolar os nomes, pois para não ficar muito grande todos os meus blogs, seria mais bonito não.
    Desculpe, mas eu não entendo de computador, faço as coisas na teimosia.
    Obrigada

    ResponderExcluir
  2. Anna

    aqui tem como fazer deslizar o texto
    http://dicasparablogs.blogspot.com/2007/05/texto-deslizando.html

    ou então um menu com barra de rolagem
    http://dicasparablogs.blogspot.com/2007/11/menu-com-barra-de-rolagem.html

    se não for isso que procura tente explicar melhor

    ResponderExcluir
  3. Beleza...
    Tentei mais não dei conta ...
    Vamos ver se a sua dica e o que eu estou querendo..

    Eu queria cria uma categoria no meu blog...
    Exemplo:
    Eu coloco um link papel de parede,quando a pessoa clica no link papel de parede todas as fotos abre no próprio blog ..
    E isso mesmo?

    Esses são meus blogs...
    http://jesus-santo.blogspot.com/
    http://tunados-revolution.blogspot.com/

    ResponderExcluir
  4. Walder Garcia De Almeida

    essa postagem não é sobre isso, o que você está falando são marcadores
    http://dicasparablogs.blogspot.com/2007/09/adicionar-marcadores.html


    navegar dentro da pagina é quando por exemplo tem uma lista de links no final ou no meio da sua pagina, então você coloca um link no começo dizendo links uteis, quando clicar a pagina rola até os tais links.

    ResponderExcluir
  5. Fabiano, poderia me dizer onde encontro para colocar a caixinha de link-me? pois escolhi uma imagem ou avatar para o link-me , mas não entendi como fazer para adiciona-lo a imagem...

    ResponderExcluir
  6. ja consegui Fabiano...coloquei o link-me com uma imagem...vlw...bjinhos...

    ResponderExcluir
  7. Olá! Quando baixei o template...juntamente veio links nele como "About" e "Contact"...só que não consigo abrir uma nova janela nele...só entra o "Home" e o "Log in"

    ResponderExcluir
  8. Precisa achar e trocar os links, tente pela pagina layout, se não conseguir entre em editar hmtl

    ResponderExcluir
  9. eu queria saber como criar um link para quando clicar ir para outra pagina, mais dentro do meu blog, tipo asssim ex:
    Paginas (titulo)
    Fotos ( link)
    Serra (link)

    e quando clicar ja ir para uma pagina no meu blog.

    como faço?

    ResponderExcluir
  10. oi Fabiano.
    Eu gostaria de colocar minha caixinha de link- me em outra pagina, em parcerias pra ficar tudo organizado. voce pode me falr como eu faço isso.

    ResponderExcluir
  11. elizabete
    você pode criar uma Pagina extra e usar para falar sobre parcerias

    ResponderExcluir
  12. Muito boa dica, tava procurando sobre link interno. (:D)

    ResponderExcluir
  13. RCC PITANGA
    sobre links internos é simplesmente colocar links entre suas postagens, por exemplo quando for escrever um novo texto tente citar algo que já escreveu então coloque o link para essa postagem

    ResponderExcluir
  14. Oi eu queria saber se é esse o tutorial para quando vc clica em um link e ele desce a página até a parte que vc quer, se não for, me indica o certo?

    ResponderExcluir
  15. sim, esse é o tutorial para colocar links dentro da mesma pagina

    ResponderExcluir
  16. isso era exatamente oq eu estava procurando, vlw!

    ResponderExcluir
  17. Boa Noite, gostaria de confirmar se este tutorial é mesmo o que tenho procurado.

    Tenho um blog e há uma página com varios artigos e eu gostaria de colocar os todos títulos destes artigos no início da página, e a pessoa ao clicar no desejado, a página desceria até o artigo escolhido.

    Mas vi no código acima que tem "banner" e eu não queria colocar uma imagem.

    Obrigada desde já.

    ResponderExcluir
  18. Dayane
    esse tutorial é para criar links dentro da pagina... mas não exatamente como falou pois será necessário colocar uma ancora para o destino do link... e fazer isso com postagens seria complicado por causa das atualizações constantes.

    acho que seria mais recomendado usar o resumo de postagem para ir até um certo texto

    esse tutorial seria por exemplo você colocar um link que levasse ao gadget dos seguidores ou qualquer outro

    ResponderExcluir
  19. Gostaria de fazer uma coluna como esta do seu blog, onde a pessoa clica no link do titulo e ja aparece a postagem.

    ResponderExcluir
  20. e quem nao tem caixinha link me? o que faz? ai nao entendi :(

    ResponderExcluir
  21. Smile for Avril
    você pode criar uma caixinha link-me, mas vai precisar de uma imagem para o banner... veja aqui Como fazer um banner

    ResponderExcluir
  22. Cara, essa dica ajudou muito!
    Só fiquei um pouco confusa sobre o que isso realmente ajudaria, era o que eu precisava, mas você escreveu de um jeito confuso :|

    ResponderExcluir
  23. Não tem um scripts php que eu gero uma html dentro de outro site.

    ResponderExcluir
  24. Daniel sei muito pouco sobre PHP... então não posso responder sobre isso.

    ResponderExcluir
  25. tambem funciona no chrome.

    ResponderExcluir