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

em 18/10/2017

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!

0 comentários via Blogger
comentários via Facebook

Nenhum comentário:

Postar um comentário

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…



Visualizações

Contando...

Dias online
Postagens
comentários