Início
> Blogger Profissional
> como fazer um slide html
> como fazer um slide no blogger
> gadget de dlide pronto
> slide blogger pronto
> slide html pronto
> slide html rápido
> slide show no blogger
Como criar um Slide de Imagens no Blogger rápido e Fácil
Beleza com você? Esse é o Blogger Profissional. E nesse vídeo, irei te ensinar a criar um slide de imagens, no blogger.
Um slide de imagens, é um item que pode dar mais vida ao seu site, ele deixa seu site mais atraente, e dinâmico.
Existem várias formas de criar um slide, mais vou tentar ser o mais simples possível em 3 passos.
Primeiro passo.
Adicione um gadget de HTML no seu template, e Copie o código a baixo.<div style="max-width:500px">
<img class="Slides" src="imagem1.jpg" />
<img class="Slides" src="imagem2.jpg" />
<img class="Slides" src="imagem3.jpg" />
</div>
<style>.Slides {display:none; width:100%;}</style>
<script>
var myIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("Slides"); for (i = 0; i < x.length; i++) {x[i].style.display = "none";} myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block";
setTimeout(carousel, 2000);} // Trocar imagem a cada 2 segundos.
</script>
Segundo passo.
Substitua o URL das fotos no local indicado pelas suas fotos.Terceiro Passo.
Modifique o tempo de exibição entre as fotos, e salve o gadget.*lembrando que o tempo, está em milissegundos e 2 mil é igual a dois segundos.
Pronto ... Eu disse que seria direto ao ponto,
3 comentários:
massa, existe outro codigo com setinhas para mudar manualmente e que pare de rodar quando o mouse estiver por cima ?
excelente...obrigado
Toooooop!!!
Postar um comentário
Deixe um comentário com seu Feedback sobre este Conteúdo.