Hot Posts

6/recent/ticker-posts

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

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ê!