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,

Compartilhar: