Modelo pronto para personalizar e numerar os posts mais vistos do blog - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Modelo pronto para personalizar e numerar os posts mais vistos do blog

Publicado em 10/02/2020

Modelo pronto para personalizar e numerar os posts mais vistos do blog
Aqui no blog tem alguns modelos prontos para personalizar o gadget Postagens mais vistas (ou Popular posts, se preferir).
Recorde:


Hoje quero compartilhar contigo este:

Demonstração do tutorial

Vamos aprender?
Bem simples, fácil, totalmente personalizável e você instala em qualquer tema do Blogger (menos os de visualizações dinâmicas e os novos responsivos tipo Soho, etc...) em apenas alguns minutos.
Comece abrindo a página com os códigos que vamos usar:

Copiar o código

Agora vá até o painel administrativo do blog onde deseja inserir a personalização e adicione o gadget Postagens mais visitadas.
Para fazer isso clique no modo Layout/Adicionar um gadget e escolha Postagens mais visitadas.
Deixe selecionado assim:
Salve, arraste para onde deseja que fique e salve a alteração do Layout.

A seguir clique em Tema e no ícone do menu escolha Editar HTML.
Dentro da caixa do código-fonte tecle Ctrl+F e na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.
Acima dessa tag de fechamento cole o CÓDIGO CSS e salve.

Agora localize a tag </head> e cole o CÓDIGO DE AJUSTE DAS MINIATURAS acima dela.
Salve.
Está pronto.

Dicas para personalizar:
Cores, fontes, largura e altura das miniaturas, bem como o tamanho da numeração que aparece no gadget são alterados no CÓDIGO CSS.
Mexa, teste, mude cores, ajuste como desejar e salve.
Tá tudo ali, bem simples.

Se tiver alguma dificuldade que eu não tenha contemplado no tutorial diga aí nos comentários e eu ajudo assim que possível.
Enjoy!







Um comentário

  1. Que blog de testes lindoo! Bom te ver cuidando do blog, tocando em frente, apesar de tudo. Que o Sábio Mestre - O TEMPO, atue com a suavidade e sabedoria de sempre deixando consolo, beleza e renovação em seu caminho. Um beijo.

    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…