Arquivo do blog personalizado- exibir postagens separadas por ano de publicação - * Blog Elaine Gaspareto *

Arquivo do blog personalizado- exibir postagens separadas por ano de publicação

Publicado em 18/10/2017

Tempo de leitura:

Arquivo do blog personalizado- exibir postagens separadas por ano de publicação

Um dos gadgets mais úteis do Blogger é o arquivo, mas ele é simples e meio sem graça, né? E sempre mostra as postagens do mesmo jeito...
Mas isso é coisa do passado!
Vou te ensinar hoje como personaliza-lo para exibir as postagens por ano de publicação, com efeito collapse.
Não entendeu?
Veja:

Demonstração do tutorial


Não é demais?
E é simples de fazer, dois códigos e pá!, tá feito. E ainda por cima é responsivo, ou seja: se seu template for responsivo ele se adapta perfeitamente!
Vamos?





Como personalizar o gadget Arquivo do blog- passo a passo


Comece acessando o painel de seu blog. a seguir clique em Layout, ou Design, é a mesma coisa.
Clique em Adicionar um gadget e dentre as opções escolha Arquivo do blog.
Configure exatamente assim:


Salve, arraste para onde deseja que fique e salve a alteração do Layout.
Claro, se você já tiver instalado o gadget Arquivo basta só reconfigura-lo como na imagem acima e salvar.
Ou se quiser ter mais de um modelo de arquivo pode, basta adicionar como expliquei acima :)

Agora vamos personalizar!
Abra a página com os códigos necessários à realização do tutorial:


Copiar o código


A seguir vá até a aba Tema de seu template e clique em Editar HTML.
Dentro da caixa de código que expandir digite </body> e tecle Enter para localizar.
ACIMA de </body> cole o CÓDIGO JAVASCRIPT.
Salve.

Agora localize ]]></b:skin> e ACIMA disso cole o CÓDIGO CSS.
Salve.
Se tudo deu certo seu gadget Arquivo já aparece como em meu exemplo.

Importante:
Para personalizar cores e fontes é tudo nesse CÓDIGO CSS. Está marcado em capslock onde é seguro mexer, ok?
Altere como desejar para que combine com seu template, salve e tá feito!
Não é muito simples?

Aproveita, querido leitor, e compartilhe esse tutorial.
Assim eu fico feliz e trago mais e mais tutoriais bem fáceis para deixar seu blog lindão!






2 comentários via Blogger
comentários via Facebook

2 comentários:

  1. Olá Elaine, muito obrigado pelas dicas :)
    Já que o assunto aqui é o arquivo, queria saber se sabe uma forma de alterar o limite das postagens mais antigas, é que o blogger não deixa datar antes de 1970. :(
    Agradecia muito essa ajuda

    ResponderExcluir
    Respostas
    1. Não, creio que não seja possível, mas por que vc quer datar pra mais antigo do que realmente foi publicado? Não faz muito sentido...

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