Criar um Mapa do Site no seu blog (Indice de Conteúdo)

Uma dica super útil para facilitar o encontro de todos os seus artigos publicados é criando um Mapa do Site (Sitemaps) no seu blog.
O Sitemaps, ou Mapa do Site, é um índice de conteúdo, que mostra todos os artigos publicados de forma ordenada e que se atualiza automaticamente a cada nova postagem.
Você pode criar uma página estática com um “mapa do site”, colocando uma lista de arquivos separados por data de publicação ou se preferir, separados por categorias (marcadores) em uma postagem, facilitando assim a busca de seus artigos pelos leitores.

Vou disponibilizar aqui as duas formas para criar um Mapa do Site, assim você escolhe se quer apresentar um Indice separado por data de publicação ou por categorias.

Para o funcionamento deste script é necessário que seu blog tenha o Feed ativado.

1. Indice por Arquivo

Demo

Aqui você vai ver como colocar um Indice separado por Artigos apresentados em ordem descendente por data( Mês e dia da publicação).
Você deverá criar uma nova postagem, ou uma página estática e inserir nela o javascript.
Na edição HTML da postagem, coloque o código a seguir:

<script style="" src="http://dl.dropbox.com/u/3173073/GothicDarkness/indice-arquivo.js"></script>
<script src="LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Não esqueça de colocar o nome do seu blog no local indicado no código, mas retire a barra do final –> “/

2. Indice por Categoria

Aqui você vai ver como colocar um Indice separado por Categorias (Marcadores).
Este Script foi criado pelo Abu-farhan.
O script original é em inglês, eu traduzi a versão original para o português.
A diferença deste script para o outro onde o Indice é apresentado por Arquivo, é que neste, a cada post recente publicado, aparece a palavra “Novo!” ao lado de cada nova publicação.


Demo

Para incluir este Indice , faça download do arquivo javascrit necessário para utilização deste recurso, baixe o arquivo através deste link:Downloadurl_icon
Hospede o arquivo em seu site de hospedagem preferido.
– Veja relação com opções de Sites para hospedagem de arquivos.
Após hospedar o arquivo, copie o link e substitua a url do arquivo ” indice-categoria” que está no código, pelo seu, no local destacado na cor azul.
Na edição HTML da postagem, coloque o código a seguir:

<script style="text/javascript" src="URL-DO-ARQUIVO-INDICE-POR-CATEGORIA"></script>
<script src="LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script><span style="font-size: 70%">Custom <a target="_blank" href="http://www.mundoblogger.com.br/2009/11/criar-um-mapa-do-site-no-seu-blog.html">Mundo Blogger</a> |Widget by <a target="_blank" href="http://www.abu-farhan.com/">Abu Farhan</a></span>

Não esqueça de colocar o nome do seu blog no local indicado no código, mas retire a barra do final.

Se quiser aprender a aplicar estilos para personalizar os títulos das categorias deste índice, confira o artigo:
Personalizar Índice de Conteúdo por Categoria

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Comentários
    • Vanessa
  1. Marcus
  2. Jorge
  3. Lina
  4. Artur Bove Jr
  5. Cintia Torres
  6. Elizeu Timóteo Pereira
  7. mello
  8. Bauru
  9. .:: Clau ::.
  10. Andrea Winchester
  11. Diego Pereira Cardoso
  12. .:: Clau ::.
  13. #Alemão
  14. Sweet Lady
  15. Andson
  16. Elizeu Barbosa Abreu
  17. WMaster
  18. Flor do Ebano
  19. Andrea Winchester
  20. .:: Clau ::.
  21. Luciene Medeiros
  22. Andrea Winchester
  23. Paulynho GOENJI
  24. .:: Clau ::.
  25. Alexandre Mendes da Silva
  26. Naruto
  27. .:: Clau ::.
  28. ™L s ? d Pj ™
  29. Eglon Henrique
  30. Naruto
  31. Rouba Links
  32. Lukas
  33. Lucas
  34. .:: Clau ::.
  35. .:: Clau ::.
  36. oantromusical
  37. Gilberto Araujo
  38. Marlon Weasdor
  39. .:: Clau ::.
  40. RadcaLe_
  41. .:: Clau ::.
  42. Lucas
  43. .:: Clau ::.
  44. Lucas
  45. Filipe Emanuel
  46. .:: Clau ::.
  47. Administrador
  48. Lukas
  49. Kevvin Oliveira
  50. Lucas Hb
  51. ::Clau::
  52. Lucas Hb
  53. RLM Cinema
  54. Bruno Sajermann
  55. Bruno Sajermann
  56. Felipe Correia
  57. anita sereno
  58. ::Clau::
  59. Leandro Lima
  60. ::Clau::
  61. palavras de Osho
  62. Hinata
  63. Thaís Olivo
  64. ::Clau::
  65. Ajasta Gayatri
  66. ::Clau::
  67. Billy
  68. ADMHicharles
  69. ::Clau::
  70. Billy
  71. ::Clau::
  72. ADMHicharles
  73. ::Clau::
  74. ::Clau::
  75. ADMHicharles
  76. ::Clau::
  77. ADMHicharles
  78. Ajasta Gayatri
  79. Mariana
  80. 1 Lênin 1 Blog!
  81. 1 Lênin 1 Blog!
  82. .:: Clau ::.
  83. ?Carla_Witch Princess?
  84. .:: Clau ::.
  85. anita sereno