Postagens mais vistas personalizadas em formato grid

em 6 de setembro de 2016

Vamos aprender mais um formato (lindo!) para exibir os posts mais vistos do blog?
Ficará assim, em formato grid, onde o título do post surge ao passar o cursor:

Postagens mais vistas personalizadas em formato grid

Para instalar em seu blog siga os passos abaixo:

1- Coloque o gadget Postagens populares em seu blog, caso não tenha.
Acesse, no painel do blog, a aba Layout, clique em Adicionar um gadget e escolha Postagens populares. Defina como quer a exibição. Salve.

2- Acesse a aba Modelo de seu blog e clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e digite  ]]></b:skin>.
Tecle Enter para localizar.
ACIMA disso cole este código:


Copiar o código


Altere os campos que deixei marcados para que combine com as cores e fontes de seu template e salve.
Simples e lindo demais!

Dicas extras:
Caso seu blog já tenha alguma personalização nessa área dos posts mais vistos/populares precisa retirar antes de inserir este, ok?
Quando for instalar o gadget Postagens populares prefira deixar sem mostrar o snipt, e prefira múltiplos de 3 para a quantidade de posts exibidos.

Gostou?
Espero que ajude, e que deixe seu blog lindo e bem arrumado!
Enjoy!


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. Que lindo esse! Mas gostei do último que fiz, por enquanto não vou mudar.

    Beijos.

    Blog Jovens Mães

    ResponderExcluir
  2. Parabénnnnnnnnnnnns! Tudo de bom, amoreca! E que venham mais leitores, mais clientes e mais posts. Beijoooooo

    ResponderExcluir
  3. Adorei Elaine! Sou nova aqui mas já admiro tudo o que você faz. Inseri no meu blog, se quiser dar uma olhadinha... www.despertandocapacidades.com.br. Queria saber se tem como colocar em duas colunas ( igual a foto do seu post), porque o meu ficou como uma lista. Obrigada e muito sucesso!

    ResponderExcluir
    Respostas
    1. Kellen, para ficar em 2 colunas precisa reduzir o tamanho das miniaturas.
      Do jeito que está não ficará...
      O ideal é que fique na sidebar, e se quiser em 2 colunas terá que ser menor...
      bjssss

      Excluir
  4. Hello, minha querida Elaine!
    Você sempre nos proporcionando dicas maravilhosas!

    Beijinhos, abençoada semana ♥

    ResponderExcluir
  5. Oi Elaine, bt!
    Eu tentei colocar no blog e acho que deu problema no código, agora quando eu entro em modelo e "agora no blog" aparece uma mensagem de erro que eu não consigo ler. Tem como reverter isso e voltar p/o modelo do meu blog?
    Obrigada!
    Bjss

    ResponderExcluir
    Respostas
    1. Sim, basta você apagar o código todo que inseriu e salvar, ou reinserir o backup original do template...

      Excluir
    2. Oi Elaine, bom dia e obrigada pela atenção!
      Bjssss e uma semana de sucesso e abençoada p/vcs

      Excluir
  6. NÃO DEU CEERTO ELAINE, EM "]]>aqui" DÁ ERRO NA COLUNA 8 QUE ASSINALEI, SE TIRAR FICA NORMAL SE BOTAR RECLAMA e não salva. .

    ResponderExcluir
    Respostas
    1. Rodinei, se seu template for um dos modelos de visualização dinâmica não vai salvar, eles não aceitam personalização.
      Se for um template modificado também pode dar erro.
      Se for um nativo do Blogger sugiro que releia o tutorial e veja se não deixou escapar nada...

      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…