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

Pin It
87 Comentários »

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

Vanessa

Vanessa é blogueira desde 2009, e 'aspirante' a web design nas horas vagas. Autodidata, viciada em internet, adoradora de blogs, seus códigos e templates, apaixonada por programas gráficos, tecnologia e web design,e fascinada pelo estilo gótico. Leia Mais sobre a autora »

facebooktwittergoogle pluslinkedinyoutube



Torne-se fã do Blog no Facebook!

87 comentários em: “Criar um Mapa do Site no seu blog (Indice de Conteúdo)

  1. Olá, Vanessa!

    Apesar deste artigo ser antigo, ele atendeu perfeitamente a minha necessidade. Já estou utilizando-o no Gerenciando Blog!

    Um abraço e obrigado por compartilhar!

  2. Marcus disse:
    Muito bom esse script! A personalização padrão caiu como uma luva no meu template! Obg!
  3. Jorge disse:
    Muito bom as dicas, funcionou mesmo
  4. Lina disse:
    OI Clau. Eu não to conseguindo utilizar no meu blog :(

    Eu tentei usar os dois daqui e o segundo do blog de onde vc retirou e não funciona, só aparece os créditos na página.

    E eu tenho uma duvida boba, quando vc diz adicionar o javascript vc quer dizer inserir em páginas certo? Eu acho q sim. A questão é, no meu blog, não sei pq já que eu só possuo uma lista de links, aparece dizendo que eu já tenho adicionado a opção páginas (já conferi), então eu acrescentei outra lista de links. Lá eu coloquei um link pros meus contatos e o indice, deu certo, aparece, mas não sei se isso interfere em alguma coisa. Olhei nos meus feeds e eles estão funcionando bem, e eu não sei o que é. Vc teria alguma ajuda a me oferecer?

    Agradeço

  5. Artur Bove Jr disse:
    Bom mesmo, ja to usando
  6. Cintia Torres disse:
    Deu certinho aqui, obrigada!!!
  7. Elizeu Timóteo Pereira disse:
    Ótima postagem Clau, parabéns obrigado!

    http://www.yesachei.net/

  8. mello disse:
    Adorei o blog( site )
  9. Bauru disse:
    Clau, coloquei em todos os meus blogs as duas opções que você dá neste post. Com isso, economizei um espaço enorme na sidebar. Estão ficando bem legais os blogs por causa disso. Valeu.
  10. .:: Clau ::. disse:
    WMaster,
    Andrea Winchester

    Opa, valeu pela dica. Excelente ;)
  11. Andrea Winchester disse:
    Olá, Clau. Vim aqui pra dizer que eu descobrir como carregar um só marcador ao invés de todos os marcadores.

    Basta colocar o nome do marcador neste trecho:
    LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999

    Deverá ficar assim:

    LINK-DO-SEU-BLOG/feeds/posts/default/-/NOME-DO-MARCADOR?max-results=9999

    Fazendo isso, o script irá mostrar somente as postagens daquele marcador.

    Para descobrir isso, eu juntei esta postagem com essa aqui: widget: exibir postagens recentes por marcador

  12. Diego Pereira Cardoso disse:
    O que é ''barra do final''
  13. .:: Clau ::. disse:
    Oi #Alemão, eu acabei de olhar no meu indice aqui no MB, e ele está funcionando normal…olhei tb o arquivo, para ver se era algum problema no site que eu o hospedei (dropbox) e o arquivo está no ar normalmente. Eu não sei te informar o que possa ter ocorrido. Mas de qualquer forma, muito obrigada pelo aviso.
  14. #Alemão disse:
    Esse Índice esta com problemas Clau, notei quando recebi reclamações no meu Blog, achei que fosse problema no meu Feed, mas notei que foram nos meus 2 blogs, então vim aqui te "visitar" e notei que o seu tambem esta com problema, deve ser na hospedagem ou sei lá, só estou informando ok? pode ser que volte ao normal depois.

    Sei que você estava doente e que está sendo mais rigida nos comentarios, mas estou te avisando pra vc tentar arrumar ao seu proprio Blog.

    Abraços

  15. Sweet Lady disse:
    obrigada
  16. Andson disse:
    nota 10. no meu blog estava dando errado porque no final do enderaça eu colocava duas //
  17. Elizeu Barbosa Abreu disse:
    Olá Clau, tudo bem. Comecei a blogar e me apaixonei por esse trem. Gostei muito deste tutorial, mas quero saber se não tem como fazer os links se abrirem em outra página quando clicado. Acho que o script deve ser modificado. Se tem outra maneira, informa ai pra galera. Fico grato por sua compreensão. Coitadinho do meu blog se não fosse você.
  18. WMaster disse:
    Olá!
    primeiramente venho aqui dizer que esse código eu ví ele em outros sites e nenhum tinha os seus créditos ¬¬'.dai como já sigo o blog Gothicdarkness, acabei chegando aqui e vendo o tópico Original(traduzido) desse maravilhoso Script :D saiba que em outros lugares o código é apresentado sem nenhum crédito ¬¬' ah! enfim… mudando de assunto, como já tinha o código =/ somente adicionei no mesmo os devidos créditos ao Mundo Blogger ;D, aqui funcionou legal, sem nenhum erro, ah! e outra, acabei usando esse mesmo código para uma categoria só ^^" criei um só para notícias xD se é permitido quero deixar aqui como eu fiz:

    1. seguindo esse Tutorial de "Criar um Mapa do Site no seu Blog" que é a mostra de todas as categorias de seu blog e o "Personalizar índice de conteúdo por Categoria" eu fiz o seguinte:
    nessa parte do código
    *** script src="LINK-DO-SEU-BLOG/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">/script ****

    eu acrescento logo depois do default o /-/Notícias?
    ao final ficando assim:

    *** script src="LINK-DO-SEU-BLOG/feeds/posts/default/-/Notícias?max-results=9999&alt=json-in-script&callback=loadtoc">/script ****

    E pronto só é exibido aquela certa categoria xD
    no meu caso Notícias, podem ver aqui (se for permitido)
    http://wmaster112.blogspot.com/p/noticias_27.html

    Uma dica é que, se você criou a categoria com letra Maiúsculas, você deverar colocar o nome da categoria do mesmo jeitinho,se mudar uma letra para minúscula o código não vai funcionar =/
    Ex: nome da minha categoria " Notícias " como devo colocar na linha do código: Notícias <<< viu do mesmo jeitinho xD ficando assim:
    *** script src="LINK-DO-SEU-BLOG/feeds/posts/default/-/Notícias?max-results=9999&alt=json-in-script&callback=loadtoc">/script ***

    Ah! e não se esqueça de colocar o /-/ logo depois do default, se não o código também não irá funcionar ^^'

    bem, é isso para finalizar… só tenho a dizer a você Autora "Muito Obrigado!!!" aaahhh! sempre gosto de todas as suas dicas,seu espírito de compartilhamento é muito gratificante e outra sempre vejo você como uma pessoa bastante Humilde, novamente um Muito Obrigado, até logo + em um próximo e longo comentário hahaha! :D
    xauu fica com Deus o/

    Ps: só não coloquei tudo certinho por quê a tag: "script" não é permitida no comentário =/ Sorry, mas é só colocar o < > :D aah! parei já vou indo o/

  19. Flor do Ebano disse:
    Ola Clau, preciso de sua ajuda, eu gostaria de colocar no meu blog especificamente nas fic aquele aviso para menores de idade vc sabe aonde posso obter esse codigo.
    obrigada e eu estou amando o seu tamplete que uso mo meu blog.
    http://twiligthasagacontinua.blogspot.com/
  20. Andrea Winchester disse:
    Obrigada por responder e pela sugestão, Clau.
  21. .:: Clau ::. disse:
    Andrea Winchester
    Melhor vc criar uma página e criar um indice manualmente, é apenas uma sugestão, pois que eu saiba, o script carrega todos os marcadores.

    Luciene
    Tais recursos podem variar de template para template, lamento, mas não tenho como te ajudar.

  22. Luciene Medeiros disse:
    Olá Clau!
    Adorei seu blog, me ajudou muito.

    Não entendi porque a minha lista ficou em algumas partes somente o dia postagem, para você entender melhor segue o link: http://coisaslegaisdalu.blogspot.com/p/lista-de-postagens.html

    Será que tem como você me ajudar?
    Desde já agradeço!!!
    Beijinhos!

  23. Andrea Winchester disse:
    Olá Clau, gostei da postagem, muito boa. Mas, gostaria de saber se tem como criar um mapa/índice para um só marcador? é que eu tenho um blog otaku, eu posto várias coisas, e gostaria de criar um mapa só com os animes (marcador- animes), se você souber ou se dar realmente para fazer isso, ficaria agradecida ^-^. Tenha um bom dia!!
  24. Paulynho GOENJI disse:
    este site tem facilitado minha vida
    obrigado
    prabens! pelo site otimo
  25. .:: Clau ::. disse:
    Naruto
    Já publiquei um post ensinando, dá uma procurada no menu.

    Alexandre Mendes da Silva
    Fico feliz que tenha gostado e mais feliz ainda pelo comentário e pelo retorno. Obrigada!

  26. Alexandre Mendes da Silva disse:
    Sinceramente à pessoas que passam e nada fazem e outras que são imprescindíveis na sua área. Parabéns. Para mim vc esta entre os importantes e necessários.Este script para criação de Índices foi de uma força extrema. Apesar de ser de outro a criação, vc traduziu e nos apresentou. Valeu.
PageRank Checking Icon

© 2009-2012 Mundo Blogger - Todos os direitos reservados | Design by Vanessa |