Como personalizar as postagens mais lidas do blog?

em 12 de novembro de 2014


Olá, querido leitor!
Tem um recurso do Blogger que eu gosto muito e sempre usei desde que surgiu: as postagens mais lidas.
Já ensinei aqui 2 formas de personalizar. Relembre:
Postagens mais lidas com efeito giratório
Postagens mais lidas numeradas e com efeito colorido

Hoje vou mostrar mais um, diferente e original.
Esse modo de personalizar vai exibir somente a imagem, tipo uma galeria, sabe?
Você pode colocar o gadget em sua sidebar, e ele ficará assim, com exibição vertical:


Ou colocar abaixo do menu, do cabeçalho ou no footer, e ele ficará assim, exibido horizontalmente:


Ele é responsivo, o que significa que vai se adaptar à largura de onde for colocado.

Como instalar no blog

É bem simples e fácil. Leia com atenção!
Para começar você precisa ter instalado o gadget Postagens populares em seu blog, e não ter feito personalização alguma nele.
Para instalar faça assim:
Acesse a aba Layout de seu blog e clique em Adicionar um gadget. Escolha Postagens populares e configure assim:



Se quiser mostras as mais lidas do mês, troque para Últimos 30 dias.
Salve, arraste para onde vai ficar e salve as alterações do layout.

Agora vamos ao segundo passo, a personalização.
Acesse a aba Modelo de seu blog e clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e dentro da barra de busca que aparecer digite estes caracteres:
 ]]></b:skin> 
E tecle Enter para localizar.
Acima dessa tag cole este código:

Copiar o código

Caso queira imagens maiores altere os valores expressos em height (altura) e width (largura) da imagem. Sugiro deixar ambos os valores iguais, para que as imagens fiquem quadradinhas.
Para alterar a cor da borda altere os valores expressos em /* COR DA BORDA */
Depois de pronto clique em Salvar.

Só isso.
Viu que simples?
Gostou?
Curta, compartilhe... talvez o tutorial ajude mais pessoas...

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.

5 comentários , comente também!

  1. Ontem eu agradeci por este post mas, o blogger não aceitou. Vai entender...
    Agradeço hoje. Foi incrível. Fácil de fazer com suas explicações!
    Se tiver um tempinho para ver como ficou, os endereços estão aqui: blogdodomcaixote.blogspot.com e adordesermulher.blogspot.com. Obrigada mais uma vez!

    ResponderExcluir
  2. Ficou ótimo... muito obrigado :* deu tudo certo!
    http://dicadeamigapr.blogspot.com.br/

    ResponderExcluir
  3. Quando digito esse ]]> não aparece nada, oque estou fazendo de errado ?

    ResponderExcluir
  4. Comigo não funcionou. Segui todos os passos e nunca havia personalizado. =(
    Que triste...

    ResponderExcluir
  5. Comigo também não funcionou.. está alguma coisa mal..

    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…