Modelo pronto para personalizar as postagens populares do blog

em 22 de janeiro de 2015

Modelo pronto para personalizar as postagens populares do blog

Um dos gadgets que eu mais gosto de usar no blog é o que mostra as postagens mais lidas.
Você pode escolher se quer mostrar as mais lidas de todos os tempos, as mais lidas do mês ou as mais lidas da semana, como eu uso.
E este é um gadget que permite muitas e muitas personalizações diferentes.
Já ensinei algumas:

→ Postagens mais lidas com efeito giratório
→ Como personalizar as postagens mais lidas do blog (somente com imagens)
→ Postagens mais lidas, numeradas e com efeito colorido

Hoje quero ensinar esta, veja:

Demonstração do tutorial

Ela tem um efeito legal de transição, passe o mouse no blog de demonstração para ver!
Para instalar em seu blog você precisa já ter adicionado o gadget de postagens populares e não ter feito nenhuma personalização anterior nele.
Para instala-lo faça assim:

Como colocar o gadget de postagens mais lidas no blog?

Clique em Layout/Design no painel administrativo de seu blog.
A seguir clique em Adicionar um gadget, e na caixa de opções que aparecer escolha Postagens Populares.
Desmarque as caixinhas Snippet e Miniatura da imagem.
Salve.
Arraste para onde deseja que fique e salve as alterações do Layout.

Ainda não vai aparecer nada personalizado, calma.

Acesse a aba Modelo e clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e na barra de busca que abrir digite ]]></b:skin> e tecle Enter para localizar.
ACIMA da tag encontrada cole este código:

Copiar o código


Deixei marcado no código as áreas que você pode mexer para personalizar de acordo com as cores de seu blog. Se copiar e usar exatamente como está o resultado será igual ao do meu blog de códigos.
Depois de pronto clique em Salvar.

Se futuramente não gostar ou quiser trocar basta apagar esse código CSS que inseriu e as postagens populares voltam a ser exibidas do modo tradicional do Blogger.

Gostou?
Compartilha aí, recomende no G+...
Eu agradeço!!!



Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

11 comentários , comente também!

  1. Elaine minha linda, teria como diminuir a distancia entre as caixinhas???

    ResponderExcluir
    Respostas
    1. Hum, não testei mas experimente alterar os valores expressos em margin 10px 0
      Altere o valor 10 e vá testando.
      Como disse, eu não testei, tá?
      bjssss

      Excluir
  2. Também adoro esse gadget (das postagens mais lidas). É uma maneira simples e bonita de divulgar o que nossos leitores acham mais interessante!
    Obrigada pela dica!
    Beijocas,
    Cris

    ResponderExcluir
  3. Elaine, consegui incluir o gadget das postagens mais lidas. Quebrei a cabeça um pouquinho, mas deu certo. Ficou muito legal. Valeu mesmo. Grande Abraço. Claudio

    ResponderExcluir
  4. oi Elayne muito bom o tutorial logo pretendo usar em meu blog
    Abraços

    http://www.umcontoliterario.com/

    ResponderExcluir
  5. Estou usando e gostei muito de resultado, grato por compartilhar tantas dicas conosco!! Abraços!!

    ResponderExcluir
  6. Oi, Elaine!

    Gostaria de saber se há como modificar as configurações deste gadget. Queria mudar para que as postagens mais lidas fossem as publicadas dentro de um período de tempo, como apenas este ano. Tenho matérias em meu blog de dois anos atrás que volta e meia encabeçam o gadget de postagens populares. Há como resolver este problema?

    ResponderExcluir
  7. Aproveitei muitas dicas já, obrigado! E já faço um convite pra visitar meu blog: http://interessediario.blogspot.com.br/

    Abração!!

    ResponderExcluir
  8. Oi, amei a dica! Tava há tempos tentando colocar no meu *-*
    A quem interessar, venha conhecer ==> http://omundodenaomi.blogspot.com.br/

    Beijos!!

    ResponderExcluir
  9. Adorei a ideia, Obrigado
    Deixo o meu blog se quiser visitar!
    www.saraemlondres.com

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