Postagens populares personalizada- modelo em formato de slide - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Postagens populares personalizada- modelo em formato de slide

Publicado em 15/07/2019

Postagens populares personalizada- modelo em formato de slide
Aqui no blog há inúmeros modelos prontos para personalizar as postagens mais vistas do blog, ou as postagens populares caso prefira chamar assim.
Recorde:


Mas ainda não havia publicado nenhum tutorial que ensinasse como exibir os posts mais vistos do blog em formato de slide.
Não sabe do que estou falando? Veja a demonstração:

Demonstração do tutorial


Quer aprender como colocar em seu blog?
Vem comigo!


Posts mais vistos em formato slide


Para começar é preciso inserir o gadget Popular posts em seu blog.
Mesmo se já tiver o gadget instalado pode colocar essa versão, basta inserir novo gadget.
Faça assim: na aba Layout de seu template clique em Adicionar um gadget. Dentre as opções escolha Popular posts e configure como desejar.
Salve, arraste para onde deseja que fique e salve a alteração do Layout.

Agora acesse a página com os códigos que vamos usar na personalização:


Copiar o código


A seguir clique na aba Tema de seu blog e escolha Editar HTML.
Dentro da caixa do código fonte de seu template tecle Ctrl+F e digite ]]></b:skin> na barra de busca que expandir.
Tecle Enter para localizar e acima de ]]></b:skin> cole o CÓDIGO CSS.
Salve.

Localize a tag de fechamento </head> e acima dela cole o CÓDIGO JAVASCRIPT.
Salve.

Localize a tag </body> e acima dela cole o CÓDIGO DE AJUSTE DAS MINIATURAS.
Salve.

Agora preste atenção!
No alto do código fonte de seu template tem um menu escrito Ir para um widget.
Clique nele; ele vai expandir e mostrar todos os widgets instalados em seu blog.
Localize o widget PopularPosts1 caso você só tenha instalado 1 ou PopularPosts2 caso tenha instalado mais de 1.

Lembra gadget dos posts mais vistos que acabamos de instalar?
Então, é esse ID que você precisa achar.
Achou?
Ele começa assim:
<b:widget id='PopularPosts
e termina assim:
</b:widget>

Selecione de até assim como eu deixei selecionado na imagem abaixo:
No lugar do trecho selecionado cole o CÓDIGO DO GADGET.
Salve.
Está feito!

Dúvidas?
Diz aí nos comentários e eu auxilio se for possível.
Enjoy!






3 comentários

  1. muito obrigado me ajudou muito \o/ \o/

    ResponderExcluir
  2. É uma pena que esse script conflita com o de posts em grid :(

    ResponderExcluir
  3. fiz tudo certo, só não estou entendendo a parte do ''selecione de até assim como na imagem abaixo''

    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…