Como criar um índice automático de todas as postagens do blog - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Como criar um índice automático de todas as postagens do blog

Publicado em 11/09/2018

Como criar um índice automático de todas as postagens do blog
Há, aqui no blog, alguns tutoriais que ensinam como gerar um índice ou sitemap que relacione os posts do blog. Uns listam os posts separados por categorias, outros listam por data de publicação, e outros ainda listam de ambas as formas, por data e por categorias.
Acontece que a maioria deles, exceto este modelo de índice que lista todos os posts, não consegue buscar todos os posts. Mas é aí que entra o tutorial de hoje.
Veja o exemplo:


Demonstração do tutorial


Esse script consegue exibir até os mais de 2000 posts que meu blog tem, não é demais?
E ainda tem caixa de busca integrada que busca os posts por palavras chave, além de ter um ordenador que classifica os posts exibidos e ainda um ordenador que exibe os posts filtrados por categoria. Ah, é responsivo!
Não é demais?
Quer aprender? Vem comigo que é um passo só, mais fácil impossível!


Como criar um índice automático que mostra todos os posts do blog com miniaturas das imagens


Para começar acesse a página com o código necessário:


Copiar o código


Agora vá ao painel administrativo de seu blog e clique em  Páginas.
A seguir clique em Nova página.
No editor que abrir clique em HTML no alto da página.
Essa ação vai colocar o editor em modo html.
Coloque nome na sua página, marque para não mostrar comentários na aba Opções da lateral direita e insira a descrição da página caso haja a área para isso.
Agora cole no campo de texto o código copiado e clique em Publicar.
Está feito!

Alertas importantes:
A fonte do sumário vai seguir o padrão de seu blog.
As cores das bordas e do texto podem ser alteradas mudando toda ocorrência de código precedida do sinal #.
Edite com cuidado, o código é sensível e um sinal fora de lugar ou excluído trava tudo.

Espero que ajude e que seja útil pra você!
Enjoy!





17 comentários

  1. Oi Elaine, tudo bem? Aprece certinho quando vou no visualizar, mas não aparece como o seu. Fiz no oficial.

    Obrigada! O recurso é bem legal
    Beijos
    https://reginabomfim.blogspot.com

    ResponderExcluir
    Respostas
    1. Regina, qual o link da página onde está?

      Excluir
    2. Oi Elaine este é o link https://criandoporaija.blogspot.com/p/sumario.html
      Desculpe deixa-la sem resposta sobre isso tanto tempo, mas é que infelizmente ele parou de funcionar. Fica só no LOADING. Dos que ensinou é o que mais gostei... Beijo

      Excluir
  2. Vou testar no meu site bjos tô sempre aqui visitando

    ResponderExcluir
  3. Boa dia meu nome é Graças Fernandes do blog artegracy como consigo o link que fica passando as postagem por favor pode me ajudar meu email é gracasfernandes1@yahoo.com.br

    ResponderExcluir
    Respostas
    1. Graças, desculpe, não entendi. Como assim, link que fica passando as postagens?

      Excluir
  4. Elaine, adorei o script. muito bom mesmo.
    Você tem algo semelhante, ou acha que é adaptável pra buscar apenas uma categoria, ou apenas algumas categorias.

    Muito obrigado

    ResponderExcluir
    Respostas
    1. Darlon, esse não dá mas eu uso um aqui no blog que captura apenas a categoria pré-definida. Veja ali no menu, Dicas para blogs/Todas as dicas.
      Tenho a intenção de fazer o tutorial dele, assim que der :)

      Excluir
    2. Elaine, era bem isso que eu queria. Todos os que eu vi até hoje, ou não buscavam a miniatura, ou deixavam a aparência com uma "cara" super amadora. Scripts como esses que você apresenta, mostra que da para trabalhar com o blogger de uma maneira muito profissional.

      Se tiver o script ou o tutorial, ficaria muito grato.
      Um abraço e parabéns pelo ótimo trabalho.

      Excluir
  5. Elaine, estou tentando colocar no meu blog aparece erro .
    Assim : Seu HTML não pode ser aceito: A tag de fechamento não possui a tag de abertura correspondente: SCRIPT Dispensar
    Beijos

    ResponderExcluir
    Respostas
    1. Graça, seu navegador deve estar traduzindo a página. Tenta "mostrar original", que vai.

      Excluir
    2. Oi, Elaine, sou eu de novo.
      Testei o índice, aqui: https://www.euamodoramas.com/p/mapa-do-site.html
      Mas, ele fica só no "Loading"... interminável!

      PS: Gostaria de agradecer pois TUDO no meu blog eu consegui fazer por conta dos seus tutoriais. Sempre corro pra cá para procurar um tuto para as ideias que tenho pro meu, então, muito obrigada!

      Gostaria de saber se tem algum sitemap para categorias específicas, que funcione de maneira automática. Por exemplo, como faço resenha de doramas, queria poder filtrar o sitemap para a categoria de doramas... E gostei do modelinho deste aqui, com descrição. Mas, o código de "galeria por multicategorias" que vi não funcionou (ou errei alguma coisa) e não aparece descrição do texto / título do post.. eu sentiria falta...

      Excluir
    3. Acabei de olhar e carregou normalmente.
      Mas vc pode conferir todos os sistemas que já publiquei clicando na categoria Sitemap que aparece ao final do post, em "Este post está arquivado em"

      bjssss

      Excluir
  6. Olá Elaine.
    Para começar queria desejar-lhe uma Feliz Páscoa !
    mais uma vez vim ao seu blog para apanhar umas dicas para o meu blog, desta vez sobre índices de postagens.
    Encontrei vários e depois de varrer seu blog não encontrei.
    o que procurava era exatamente o que a Elaine usa na sua página https://www.elainegaspareto.com/p/todas-as-dicas-para-blogs.html ou seja todas as postagens de uma categoria com o marcador dentro da página estática.
    Eu uso um parecido mas não carrega todas as postagens como poderá ver em https://www.senhorfaztudo.pt/p/montagem-de-cozinhas-brico-depot.html.
    Tem esse tutorial por aqui ?
    Poderia colocar no seu blog essa dica ?
    Obrigado.

    ResponderExcluir
  7. Olá novamente !
    Pelo que me parece a dica é esta mas a Elaine usa sem ser necessário selecionar categoria, etc e no meu caso fica sempre loading...
    Tem como me ajudar ?

    ResponderExcluir
    Respostas
    1. O modelo que uso é outro, ainda não publiquei esse tutorial.
      Assim que for possível eu farei.
      Atenciosamente

      Excluir

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.
Deixe sua pergunta ou solicitação sempre nos comentários, eu infelizmente não tenho como responder pedidos de ajuda por email.
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…