Coloque um sitemap em seu blog e liste todos os seus posts automaticamente

em 30 de novembro de 2015


Eu venho procurando um jeito de exibir todos os posts do blog em um sitemap, há muito tempo.
Finalmente creio que encontrei.
E vou te mostrar como ter em seu blog.
Não sabe do que estou falando?
Então veja:

Demonstração do tutorial


Trata-se de um script incrível que lista todos os posts de seu blog.
Volte lá na minha página de exemplo e clique em cima do item Nome do post.
Ele vai mudar, colocando em ordem alfabética.
Clique de nome em Título do post e ele inverte, colocando em ordem alfabética inversa.
Só lembrando que os títulos com acentos e caracteres especiais são exibidos antes pois o inglês considera assim e o script é originalmente em inglês. Essa parte não consegui traduzir...

Clique em Data e os posts voltam a ser exibidos por ordem de publicação.
Clique de novo em Data e a exibição passa a ser em ordem inversa, dos mais antigos para os mais recentes.

Clique em qualquer marcador e só são exibidos os posts daquele marcador.
Demais, né?
Vamos aprender?
São 2 passos muito simples: colar o código e editar cores, fontes, etc....

Para começar vá ao painel de seu blog e clique na aba Páginas.
Crie uma nova página, coloque nome, defina para que ela não exiba comentários e a seguir clique em HTML, no alto do editor de texto.
Isso vai reverter o editor para o modo HTML.
Feito isso cole na área de postagem esse código:


Copiar o código do Sitemap


Clique em Publicar.
Sim, querido leitor, só isso.
Incrível, né?

Para editar coisas como cor de fundo, cor e tamanho de fonte, etc... você edita o código nos campos que deixei marcado em CAPSLOCK.
Depois de pronto clique em Atualizar (se já tiver publicado).
Simples e muito legal, né?

Aproveita que não deu trabalho nenhum e deixe seu comentário, clique em Compartilhar...
Me diz se ficou claro o tutorial, se deu certinho...

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

17 comentários , comente também!

  1. Parece fácil e é muito interessante. Se não tivesse medo de acabar com o blogue até experimentava.
    Um abraço e uma boa semana

    ResponderExcluir
  2. Amos sua idéias e sempre uso , vou usar essa com certeza .

    ResponderExcluir
  3. Muito legal, Elaine! Um recurso simples e prático! Preciso vir aqui com mais calma para me atualizar das suas dicas que eu adoro, mas ando numa correria que só vendo! Adorei mais esta!

    Bjs e boa semana! =)
    Vivendo e Aprendendo
    Fotos e Prosas

    ResponderExcluir
  4. Oi Elaine,
    Eu não tinha dado retorno antes pq queria ter certeza: sabe que ajuda um bocado o blog? Depois que vc colocou o sitemap no meu blog as pessoas ficam mais tempo nele, pois acabam entrando e clicando. Vale á pena ter!
    Bjs

    ResponderExcluir
  5. Quero aprender como fazer. E o Tsu também. Preciso de um tempinho rsrsr
    Obrigada.
    joturquezzamundial
    Beijos.

    ResponderExcluir
  6. Excelente dica, Elaine :-) Obrigado por postar essa super dica.

    ResponderExcluir
  7. Eliane, é a primeira vez que visito seu blog. Parabéns! Criei um blog cujo tema é "envelhecência" nome: IDADEDEVIDA. Ao ver seu blog e suas explicações percebi que estou com mais dificuldades do que imaginava. Você dá algum tipo de consultoria fora do seu blog. Por exemplo, ajudar-me, pessoalmente, ou por visita remota? meu blog por exemplo não está acessível pelo Google. Somente pelo www.bloggeruserprofile:raquelnamo. Se puder me ajudar agradeço. e-mail raquelnamo@uol.com.br celular 11 999075515

    ResponderExcluir
  8. Olá Elaine:
    Fácil e deu tudo certo.
    Já publiquei e dei os créditos á você.
    Bjokas.:
    Sil

    ResponderExcluir
  9. Oi Elaine, ótimo e muito interessante este post, parabéns!
    Seria legal também você deixar um link para o pessoal com uma tabela de cores HTML, já que podemos mexer bastante nelas.
    Eu utilizo esta: Tabela de Cores HTML.

    Abraços, tudo de bom!

    ResponderExcluir
  10. Olá Elaine.
    Acabei de fazer e adorei. Obrigado.
    Beijinhos.

    ResponderExcluir
  11. Oi Elaine. Ficou ótimo no meu blog. Muito obrigada por compartilhar!
    Um excelente 2016!!!!
    Beijos
    Carolina
    Blog Viajar correndo é preciso
    Facebook
    Instagram

    ResponderExcluir
  12. Muito Obrigada Pelas Dicas.
    Você e Demais.

    ResponderExcluir
  13. Oi Elaine,
    Mais um código instalado com sucesso no blog, graças às suas explicações e preciosas dicas. Fiz minhas personalizações para seguir o padrão do blog (cores, centralizações, bordas arredondadas) e ficou uma graça.
    Adorei este sitemap porque mostra todos os posts, e porque me ajudou a visualizar com clareza os posts que precisam de "retoques", como falta de título, mostradores ou categorias demais ou de menos etc.
    Mais uma vez parabéns e obrigada.

    Beijos

    ResponderExcluir
  14. Elaine, só tenho uma dúvida: tem como a gente mudar o formato da data dos posts, de AAAA/MM/DD para o padrão brasileiro DD/MM/AAAA?

    Beijos

    ResponderExcluir
  15. Ola Elaine gostei deste sitemap, mas queria que me desse uma ideia tenho um blogdpot, e o meu nicho e evangelico, e estou recebendo poucas visitas ja tentei de tudo agregadores, ja coloquei no google, no ask no bing, ja fiz de tudo, mas nunca passa de 100 visitas por dia sera que tem uma idea?. sou blogueiro desde 2014 abraços
    http://esbocobibliapentecostal.blogspot.com.br/

    ResponderExcluir
  16. Adorei, é super fácil de colocar, só faltou mostrar como fazer a página aparecer no menu rsrs, mais eu já consegui e adorei!! Muito obrigado Elaine! Bjossss

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…