Sitemap em versão grid/flipcard para Blogger - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Sitemap em versão grid/flipcard para Blogger

Publicado em 04/03/2019

Sitemap em versão grid/flipcard para Blogger
Vou compartilhar contigo uma forma de exibir os posts de seu blog, todos eles, em uma página estática.
Essa exibição pode ser feita pelos posts mais recentes, ou por autor, ou por categoria. E tudo isso sem complicação nenhuma, usando um recurso do próprio Blogger que a gente nunca imaginou que pudesse ser usado para isso.
Duvida ou não entendeu?
Pois olha aqui:

Demonstração do tutorial

Não é demais?
O resultado nada mais é do que a junção do tema de visualização dinâmica do Blogger com algumas linhas de código .css para dar estilo.
Vi a dica em um post no Fórum do Blogger indonésio e fiz uns ajustes.
Ficou tão legal, e agora é seu!
Quer aprender?


Como colocar o sitemap versão grid/flipcard no blog?


Para começar acesse a página com o código que vamos usar e copie-o:


Copiar o código


A seguir vá até o painel administrativo de seu blog e clique na aba Páginas.
Aí clique em Nova página.
No editor de texto que aparecer coloque o título de sua nova página, marque no item Opções a caixinha Não permitir para comentários dos leitores. Coloque a descrição da página na caixinha correspondente.

Agora clique em HTML no alto da página, aí mesmo onde você está escrevendo.
Essa ação vai reverter o editor para o modo HTML.
Cole então o código que pedi para copiar.
Troque o endereço do meu blog que marquei em vermelho pelo endereço de seu blog.
Clique em Publicar.
E é só isso.


Uma ressalva: você deve ter visto que algumas imagens no meu blog de exemplo não aparecem.
Não é problema no código, é que essas imagens que não aparecem são imagens no formato .webp.
Eu falei sobre esse formato de imagem aqui no blog, recorde:


Pois então, imagens no formato .webp não são capturadas por esse código.
Não tem jeito, mas não é um grande problema, né?

Outra coisa que acho importante destacar: na exibição dos posts pelo filtro Recentes todos os posts são mostrados, num carregamento infinito.
Nos filtros por autor, data e categoria, não são todos.
Mas tem uns estudos que eu vi que visam corrigir, se um dia resultarem eu atualizo o código.
Por enquanto tá lindo, funciona e é novidade.
Vai lá, faz em seu blog e deixa o link aqui pra gente ver!
Aproveita, mig@s!

Ah, tem vídeo-tutorial:







15 comentários

  1. Olá!
    Não consegui ver a demostração

    ResponderExcluir
  2. Elaine,coloquei no meu blog deu certinho.
    Obrigada,beijos

    ResponderExcluir
  3. Elaine, você sabe que eu não escrevo tutoriais.
    Passei para o perfil do blog faz uns 30 dias mas não tinha excluído o perfil do G+,sábado entrei no meu blog estava cheio de triângulos pretos.
    Passei sábado domingo e ontem colocando as fotos no blog. Escreve um tutorial frisando que não é para o povo excluir o perfil do G+ porque vai acontecer o que aconteceu comigo,para não ficar com vergonha não coloquei o blog em manutenção coloquei um aviso dizendo que eu tinha importado o blog errado....rs..rs
    Fica a seu critério em escrever eu querendo ensinar o Pai Nosso ao Vigário....rsrs...
    Beijos

    ResponderExcluir
    Respostas
    1. Graça, bem lembrado, mas não deveria acontecer isso.
      Só somem as imagens se vc excluir a conta Google.
      Excluir o perfil tudo bem, o que não pode é excluir a conta...

      Excluir
  4. Elaine, seu blog é genial, parabéns! Agora me esclarece uma dúvida: qual hospedagem você usa nele? HostGator ou outro? Grato pela breve resposta, sucesso!

    ResponderExcluir
    Respostas
    1. Muito obrigada!
      Eu não uso hospedagem nenhuma, meu blog roda no Blogger, totalmente de graça. O único custo que tenho com ele é a renovação anual do domínio versão .com, que registrei no Uol Host, e a versão .com.br que registrei no Registro BR.

      Excluir
  5. Tem como deixar o nome dos filtros em português? Ou isso não é customizável?

    ResponderExcluir
  6. Maravilha !! Muito bom para achar as postagens mais antigas. Coloquei no meu blog, e ficou ótimo !!
    Obrigada Elaine !

    ResponderExcluir
  7. Elaine, voltei....como eu disse, coloquei em meu blog e funciona direitinho.Mas temos dois problemas com este código...ele abre a vizualização da postagem dentro da própria pagina estática, e não na página da postagem, e assim, não gera vizualização alguma nas postagens. Outro problema sério, é que quem abre as postagem por ele, tem acesso total ao texto e as imagens do blog, ele simplesmente anula o código de proteção que a gente coloca contra cópias. Então retirei do meu. Se vc descobrir uma forma dele abrir a postagem na página do blog, e permanecer com a blindagem contra cópias, vai ficar perfeito. Fico aqui torcendo pra você conseguir.
    Obrigada novamente, bjos !!

    ResponderExcluir
  8. Olá Elaine! Excelente a sua postagem. Estou usando nos meus blogs. Ficou lindo. adorei. Obrigada!

    ResponderExcluir
  9. Olá Elaine!Estou editando um blog e tentei fazer esse Sitemap, mas quando visualizo, me deparo com a seguinte mensagem: "Desculpe, as visualizações dinâmicas não estão disponíveis para este blog.
    Você será redirecionado para a página inicial do blog momentaneamente."

    ResponderExcluir
    Respostas
    1. Eu nunca me deparei com esse erro, mas creio que há algo em seu template que bloqueia as visualizações dinâmicas do Blogger, e como esse sitemap é baseado nas visualizações dinâmicas ele realmente pode não funcionar

      Excluir
  10. Elaine gostaria de saber quais são as vantagens e desvantagens do "Sitemap em versão grid"

    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.
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…