Pixel (blog - blogger profissional)

Conversão Hotmart

Google ADS

Este site utiliza cookies

Quer aprender como fiz esse aviso? CLIQUE AQUI

Baixe nossos 3 ebooks

Aprenda a criar anúncios Online nas principais ferramentas de Marketing da Internet ...

3 E-book Grátis

3 E-book Grátis
3 E-book Grátis

Pesquisar

Artigos em Destaque

Grátis

Baixe 3 ebooks
Aprenda a criar anúncios Online nas principais ferramentas de Marketing da Internet ...

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,

Um comentário:

massa, existe outro codigo com setinhas para mudar manualmente e que pare de rodar quando o mouse estiver por cima ?

Postado em:

Postar um comentário

Deixe um comentário com seu Feedback sobre este Conteúdo.