Slide de posts recentes fácil e simples de colocar no blog | Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Slide de posts recentes fácil e simples de colocar no blog

Publicado em 26/09/2018

Tempo de leitura:

Está à procura de um slide de posts recentes automático e simples, com estilos bonitos de transição mas que possa ser instalado no blog em apenas 1 passo, sem precisar acessar o código fonte do template, daqueles que a gente insere como gadget? Então, bem-vindo ao tutorial mais fácil do mundo para aprender como instalar um slide de posts recentes no blog!
Veja a demonstração:

Demonstração do tutorial


As 3 únicas coisas necessárias para que você consiga instalar esse slide em seu blog são:
1- o blog precisa ser público e o feed dele precisa ser do modo completo;
2- O blog precisa ter posts com imagens;
3- Seu blog também não pode ter outros slides pois ambos podem conflitar, ok?
Dicas dadas, copie o código do slide:


Copiar o código


A seguir vá até o painel administrativo de seu blog e clique em Layout.
Aí clique em Adicionar um gadget e escolha a opção HTML/JAVASCRIPT.
Dentro da caixinha que expandir cole o código que pedi para copiar acima.
A única alteração indispensável que você tem que fazer é trocar o endereço url do meu blog pelo endereço url do seu blog, sempre começando com https ou http caso seu blog ainda não use o protocolo https.
Feito isso salve, arraste o gadget para onde ele vai ficar e salve a alteração do Layout.


Dicas para editar o slide sem errar



1- Eu configurei o slide para que as imagens meçam 950px de largura por 400px de altura.
Isso está definido nessa parte do código:

imageSize :950,
 SumChars : 100,
 tagName:false,
 width: 950,
 height: 400,

Para alterar essas medidas troque os valores correspondentes. Em width use o mesmo valor em ambas as ocorrências, ok?

2- Eu defini que seriam exibidos 15 posts. Se quiser exibir mais troque o número 15 de
MaxPost: 15,
E salve.

3- Cores de borda, de fundo, dos bullets, etc... são todas trocadas na primeira parte do código.
Leia o código, ele te dirá o que fazer.

Mexa, teste, experimente, faça de novo se não gostar.
É assim que a gente aprende. E se diverte!
Enjoy!







4 comentários

  1. Oi, como faço para retirar a parte de comentários do slide: undefined Comentários

    ResponderExcluir
    Respostas
    1. Leonardo, não dá pra retirar, teria que alterar o javascript.
      Se quiser tentar abra o arquivo que está em https://cdn.rawgit.com/elainegaspareto/codigos/2879540b/autoslidebyelainegaspareto.js
      localize o trecho referente ao texto e altere-o.
      Mas adianto que isso não é simples e um sinal fora de lugar faz o java parar...

      Excluir
  2. Olá Elaine! Sou nova no seu blog, queria saber se tem como fazer essas edições no blog através do celular.

    ResponderExcluir
    Respostas
    1. Beatriz, nada impede mas eu acho mais complicado pois o painel do Blogger não é responsivo e a caixa de código fonte fica muito difícil de visualizar, fonte pequena, etc...
      Mas em tese nada impede :)

      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…