Mapa do site para Blogger/Blogspot

Mapa do site para Blogger/Blogspot

6 10 99
Mapa do site para Blogger/Blogspot 10 6 99
Que tal ter uma página no seu blog, onde estão todas as suas postagens organizadas por data? Poderíamos chamar essa página de Mapa do Site ou Arquivo do blog e ela pode ser bastante útil quando um visitante não consegue encontrar algum post específico no seu blog usando a pesquisa ou mesmo se este visitante quiser ler tudo o que você já publicou.
Se quiser ver como é uma página assim, dê uma olhada na que eu criei no meu blog neste link. Se quiser uma página igual para o seu blog, siga o tutorial abaixo.

Primeiramente crie uma nova página no seu blog (1)  e entre no modo de edição HTML (2). Copie o código abaixo, alterando a parte em vermelho pelo endereço completo do seu blog. Cole o código no html da página (3) e clique em publicar agora.
<script style="text/javascript" src="http://100rede.com/mapablogger.js"></script>
<script src="http://NOME_DO_SEU_BLOG/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
sitemap_blogger
Veja o resultado do arquivo do Dicas Blogger, na imagem abaixo:
Arquivo ou mapa
Observações:
Eu peguei essa dica no blog do Abu Farhan, os créditos do script foram mantidos, sendo que eu apenas traduzi os nomes dos meses para o português.
Não sei como os robôs do Google podem interpretar essa nova página do seu blog cheia de links internos, acredito que isso não renderia nenhuma punição nos resultados de pesquisa do Google, mas não posso afirmar tal coisa com certeza.
Percebam que existe um valor neste URL que indica o número de posts a serem exibidos; no exemplo acima este valor está definido como 1000, pois eu queria mostrar todas as postagens do meu blog no mapa. Altere o valor conforme a quantidade de posts do seu blog, colocar sempre um valor bem acima do número de postagens do seu blog vai garantir que todas sejam mostradas.

Teilor (@Teilor) é um dos principais colaboradores do fórum oficial do Blogger e autor do blog Without Brain.
74 Comments
Comments
  1. Boa noite!

    Primeiramente, parabéns pelo blog.
    Adoro as dicas postadas aqui.

    Porém, referente ao tutorial acima, fiz o teste e na página criada (com o código) não aparece as postagens. Sabe me dizer o que acontece?
    Veja: http://www.ladodesign.com.br/p/mapa-do-site.html

    Obrigado. ;D
    Grande abraço!

    ResponderExcluir
  2. Nussssss!!! Prá lá de bão sô!!!!
    Há tempos eu procurava essa dica. Obrigada gente!!
    bjs

    ResponderExcluir
  3. Diogo, já comuniquei o problema ao Teilor que deve encontrar a solução em breve

    ResponderExcluir
  4. Acontece um problema na hora de postar, fala que não é permitido porque <d não esta fechado e mandando ignorar o erro não funciona nada.

    ResponderExcluir
  5. Também percebi o mesmo problema, será que não há forma de colocar o nosso arquivo de postagens anteriores, de forma automática?

    Fico aguardando solução.

    Grata de qualquer forma pela dica.

    ResponderExcluir
  6. Pronto, galera, agora está funcionando

    ResponderExcluir
  7. Sorry pessoal pelo erro. O mesmo código postado anteriormente funcionava no meu blog, ai quando fui mexer parou de funcionar.

    Substitui o código por um onde o javascript fica num servidor externo, esse com certeza funciona.

    ResponderExcluir
  8. Muito legal!!!!!!!!!!!
    Funcionou e ficou muito bom!!!!

    Obrigada

    Abraços

    ResponderExcluir
  9. Funcionou perfeitamente em meus blogs...

    Valeu a dica.

    ResponderExcluir
  10. Excelente dica Juliana!
    Mais uma vez parabéns pelo Dicas Blogger!

    ResponderExcluir
  11. Belissimo post, mas sabe o que eu colocaria o invés de NOME do Blog? URL DO blog! Juro que eu coloquei só o nome de primeira, pode me chamar de burro! =)

    ResponderExcluir
  12. cada vez vocês ficam melhores, é por isso que eu não perco uma dica!

    ResponderExcluir
  13. Pra lá de baummm mesmo!! Como disse MamaNunes.

    Com certeza vou fazer!! Juuu você é the best! Graças a Deus pela sua vida na Blogosfera \o/

    ResponderExcluir
  14. Parece que no wordpress não funciona...?

    Não teria uma adaptação desse script para wordpress?

    ResponderExcluir
  15. Juliana,acho que o problema do Diogo foi igual ao meu quando testei...ele deve ter errado na mesma parte q eu:
    http://NOME_DO_SEU_BLOG/feeds/posts/default?max-results=1000&
    onde tem NOME_DO_SEU_BLOG ele deve ter colocado só -Blog do Jonas Mendes' por exemplo.
    o certo é colocar jonasmendes1994.blogspot.com!?
    espero q tenha ajudado...

    ResponderExcluir
  16. Acho q o problema de vocês deve ser porque onde tem NOME_DO_SEU_BLOG vocês colocam somente o nome do blog,tem q colocar nomedoblog.blogspot.com!
    espero ter ajudado.

    ResponderExcluir
  17. Juliana, que beleza, já fiz, ficou perfeito, obrigadíssima!!!

    ResponderExcluir
  18. A respeito do que o robot do Google vai achar dessa página repleta de links, não tem uma meta tag que informa o robot para não rastreá-la?

    O problema é que tentei inserí-la no HTML de uma postagem no meu blog, mas recebi uma mensagem de erro avisando que meta tags não são aceitas no editor de postagens.

    ResponderExcluir
  19. Já alterei os valores para 2000 e em meu blogue não aparecem postagens anteriores a Outubro de 2008!
    Porque será?

    ResponderExcluir
  20. Juliana, parabéns por mais esta dica. Já testei e esta funcionando tranquilamente em meu blog. Valeu.

    ResponderExcluir
  21. MarcoAA_M, no Wordpress existem plugins que fazem exatamente a mesma coisa que este código, não lembro de nenhum agora mas é só procurar que você vai encontrar vários.

    Blog, infelizmente não temos acesso ao robots.txt do Blogger para indicar que alguma página não deve ser indexada. Se descobrir algum código para evitar problemas com o Google posto aqui.

    Berdades, não sei o que pode estar acontecendo no seu blog, mas tente diminuir o número máximo de posts indexados de 2000 para um valor mais próximo do total de posts do seu blog e veja se resolve o problema.

    ResponderExcluir
  22. Inseri no Blog! adoreiiiii!!!!!!

    ResponderExcluir
  23. Dúvida cruel... muito simples e prático, mas tenho algo similar... Mas a dica é excelente!

    ResponderExcluir
  24. Muito boa a dica.
    Já coloquei no meu blog

    ResponderExcluir
  25. olá Teilor

    adorei esta ideia, dica excelente, já coloquei no meu blog, mas achei melhor dá o nome de "indice do blog", acho que facilita mais a localização da informação e o entendimento do que é a página.

    Um abraço :)

    ResponderExcluir
  26. No meu blog não exibiu todas as postagens, só de dois meses.

    http://www.bero.tk/

    ResponderExcluir
  27. Vcs têm me ajudado muito para que eu pudesse construir o mneu blog também.
    Muito obrigado!

    P.S. Eu já coloquei mais essa dica no blog e ficou super.

    ResponderExcluir
  28. Teilor,a grande sorte é que o Google não interpreta Javascript,que é a linguagem no qual foi feita esta dica.De toda forma,vou dar uma aperfeiçoada nela...para poder dividir em Labels e essas coisas,como os sites grandes costumam fazer...Claro que,vou dar os créditos primários também,hehehe...

    Um Grande Abraço e Até!

    ResponderExcluir
  29. Olá a todos.

    Passei por aqui para verificar se já havia uma solução para o meu problema: o mapa do meu blog - www.ladodesign.com.br - não estava funcionando.

    Li e reli todos os comentários. E percebi que na maior parte dos casos deram certo. Assim, decidi inserir o código novamente. E deu tudo certo.

    *Eu pensei em alterar o meu domínio pelo original do blogger: www.ladodesign.blogspot.com. Mas não foi preciso. Funcionou perfeitamente. Confiram:

    Eu, simplesmente, estou adorando: www.ladodesign.com.br/p/mapa-do-site.html

    Parabéns!!
    ;D

    ResponderExcluir
  30. Valeu pela dica Fernando Jorge, já fico menos preocupado agora.

    BeRo, tente aumentar o número de posts que devem ser exibidos trocando o número 1000 do código por um maior.

    ResponderExcluir
  31. Muito legal a dica já coloquei no meu Blog e deu certinho :P

    ResponderExcluir
  32. Meus parabens pelo seu blog
    e essa dica realmente é muito boa.
    Ja estou usando em um dos meus blogs, e pretendo colocar em todos eles

    ResponderExcluir
  33. no meu funcionou so que eu n achei que ficou legal

    http://www.planeta-gamesbr.blogspot.com/

    ResponderExcluir
  34. Olá dica excelente estava a um bom tempo procurando por isto acabei de colocar no meu blog funciona ! Legal. Posso divulgar isto no meu blog colocando seus créditos achei muito útil.

    muambadoparguai.blogspot.com

    ResponderExcluir
  35. Fantástico, incrível e prático: tudo o que eu estava procurando!
    Valeu pela dica :)

    Antonio Gabriel
    http://diariodoverde.blogspot.com/

    ResponderExcluir
  36. Excelente dica,o blogger estava mesmo precisando e algo assim!

    ResponderExcluir
  37. Juliana, mais uma dica ótima. Obrigada! No meu blog funcionou direitinho. Abraços!

    ResponderExcluir
  38. Bom, eu achei a ideia ótima e muito simples de executar. Parabéns e meu obrigado para o Teilor por desenvolver e para a Juliana por trazer a novidade pra gente.

    Mas ele não funciona bem em Chrome (não carrega alguns elementos gráficos da página) e no meu caso, só listou os posts de junho de 2008 pra cá (meu blog é um pouquinho mais velho que isso).

    Grande abraço

    ResponderExcluir
  39. Adorei! Vou colocar no meu blog depois. Obrigada pela dica. =)

    ResponderExcluir
  40. Muito bom, funcionou direitinho no meu site... o Dicas blogger é o melhor site de ajuda para blogueiros blogger...

    www.jovinformatica.blogspot.com

    ResponderExcluir
  41. Teilor,tem um detalhezinho no número 1000 deste Post:De nada ele adianta,pois o Blogger só aceita mostrar até 500 Posts no Feed(quer dizer,de 500 em 500,não mais).Agora sim,grande Abraço!

    ResponderExcluir
  42. Adorei a dica, vou colocá-la em prática agora mesmo. Como sempre, seus posts são geniais.
    PARABÉNS.

    ResponderExcluir
  43. No Crônicas, só deu certo na mão grande. Criei um novo post e coloquei como uma página estática.

    Criando mesmouma página no blogger não deu certo.

    me fiz entender?

    abs,

    ResponderExcluir
  44. Brigado aew!! Ajudou bastante!! Que a galera do dicas blogger continue assim!!

    ResponderExcluir
  45. Obrigado.. muito bom... como aprendiz vinha batendo cabeça com o arquivo no sidebar, até porque posto bastante e a lista ficava sempre muito grande. Agora tem página especial prá isso. Brigadão!

    ResponderExcluir
  46. Muito bom, mesmo.
    Melhor ainda pra quem edita posts antigos.

    ResponderExcluir
  47. No meu template só funcionou com a postagem normal. Qdo tentei criar a página do blogger ficou tudo amontoado.
    Gostaria de saber se existe possibilidade de fazer um sitemap com marcadores do blog.

    Se quiserem conferir:
    http://www.cqcblog.com/2009/01/mapa-do-blog.html

    ResponderExcluir
  48. vocês poderiam fazer um tutorial sobre feeds? vi que para ter esse mapa precisa de feeds. obg!

    Òtimas dicas

    ResponderExcluir
  49. Lucas Hb, se o seu blog é do Blogger ele já possui feeds por padrão; basta usar o código como é mostrado no tutorial.

    ResponderExcluir
  50. Valeu ferá!! isso é bom pq melhorar a indexação do blog nos motores de busca.
    obrigado!

    ResponderExcluir
  51. agradeço ao Teilor e a nossa amiga Juliana pela excelente dica, coloquei a pagina e ficou pra la de bom ou como dizem em Sampa OTIMO...fuiiiiii

    ResponderExcluir
  52. ficou show de bola confira


    http://www.azamericaazbox.net/p/mapa-do-site.html

    ResponderExcluir
  53. Me ajuuuuuuuuuuuda D:
    No meu Blog, não aperece nada.
    Fica tudo Branco ;/
    o que eu faço?

    ResponderExcluir
  54. Eduardo, acabei de testar o código e ele está funcionando corretamente; veja se você está colocando o código da forma certa em seu blog.

    ResponderExcluir
  55. Ficou certinho, supimpa, da hora.

    Tomara que não haja punição devido a muitos links na mesma página.

    Mas há de se ver que são links internos, não externos.

    A restrição é para links externos.

    Portanto, isentos de punição pelo Blogger.

    Valeu!

    Muito obrigado!

    Guimarães

    ResponderExcluir
  56. Eu fiz tudo isso,no entanto aparece como postagem comum, apesar de ser uma página.
    E não aparecem os meses , nada...isso sou eu que faço ou vem lá da pagina inicial o arquivo ja existente?

    ResponderExcluir
  57. O script gera automaticamente todos os links separados por mês Jacaré de Conga, mas você deve coloca-lo em alguma página ou postagem do seu blog.

    ResponderExcluir
  58. Oi muito obrigado isso me ajudou bastante Try

    ResponderExcluir
  59. Também não funcionou comigo Juliana... Mas obrigada pela dica, pois funcionou com outras pessoas.

    ResponderExcluir
  60. Acessei teu blog e tá funcionando Amanda, confere lá.

    ResponderExcluir
  61. Olá Juliana!

    Muito interessante este widget, já estou utilizando em meu blog. Obrigado!

    ResponderExcluir
  62. Muito obrigada pela dica, fiz e funcionou perfeitamente.

    ResponderExcluir
  63. cara adorei ficou muito bom !

    ResponderExcluir
  64. muito bom o codigo acima ..
    e melhor ainda o blog..
    BGD

    ResponderExcluir
  65. Ótima dica!
    Era tudo que eu precisava!
    Obrigada! ;)

    ResponderExcluir
  66. Teilor,

    Só gostaria de ressaltar que, enquanto o script é hospedador no servidor do Abu, ele ficará em inglês.

    Agora, enquanto no seu, está em português. Seria bacana colocar isso na postagem também.

    Abraços e obrigado pela ajuda, como sempre!

    ResponderExcluir
  67. Excelente dica! No meu blog funcionou perfeitamente.
    Parabéns e muito obrigado!

    ResponderExcluir
  68. Muito boa sua dica Juliana, parabéns!
    http://www.yesachei.com/

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top