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:
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:
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:
Olá!
ResponderExcluirNão consegui ver a demostração
Elaine,coloquei no meu blog deu certinho.
ResponderExcluirObrigada,beijos
Elaine, você sabe que eu não escrevo tutoriais.
ResponderExcluirPassei 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
Graça, bem lembrado, mas não deveria acontecer isso.
ExcluirSó somem as imagens se vc excluir a conta Google.
Excluir o perfil tudo bem, o que não pode é excluir a conta...
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!
ResponderExcluirMuito obrigada!
ExcluirEu 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.
Tem como deixar o nome dos filtros em português? Ou isso não é customizável?
ResponderExcluirNão, ainda não dá pra trocar :(
ExcluirAdorei, deu certinho. Obrigada.
ResponderExcluirMaravilha !! Muito bom para achar as postagens mais antigas. Coloquei no meu blog, e ficou ótimo !!
ResponderExcluirObrigada Elaine !
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.
ResponderExcluirObrigada novamente, bjos !!
Olá Elaine! Excelente a sua postagem. Estou usando nos meus blogs. Ficou lindo. adorei. Obrigada!
ResponderExcluirOlá 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.
ResponderExcluirVocê será redirecionado para a página inicial do blog momentaneamente."
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
ExcluirElaine gostaria de saber quais são as vantagens e desvantagens do "Sitemap em versão grid"
ResponderExcluirAmei esse Sitemap, principalmente por o meu blog ser de imagens. <3
ResponderExcluir