Slide de posts recentes fácil e simples de colocar no blog - * Blog Elaine Gaspareto *

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!







2 comentários via Blogger
comentários via Facebook

2 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

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…