Slideshow autogiro para Blogger

Olá amigos Mult-focos, esta precisando de slide simples, mas que funcione? Acabou de encontrar, este slide show autogiro para Blogger servirá como luvas em seu projeto. Tenha uma noção real clicando no DEMO abaixo ou em result no box do código, se agradar vamos ao tutorial de como adiciona-lo em seu blog.

Slider jQuery de imagens com miniaturas para Blogger

DEMO

I – Copie e cole o código seguinte em um doc de texto, faça as modificações necessárias.  II – Adicione-o em um gadget, e esta pronto.  Não sabe fazer este procedimento? Clique AQUI, e aprenda.

<style type="text/css">
#slideshow {
  width:200px;
  height:100px;
  background-color:#222;
  margin:0 auto;
}

#slideshow img {display:block;}
</style>
<div id="slideshow"></div>
<script type="text/javascript">
//<![CDATA[
(function() {
    var container = document.getElementById('slideshow');
    var slide = [
        "URL DA IMAGEM",
        "URL DA IMAGEM",
        "URL DA IMAGEM",
        "URL DA IMAGEM"
        // dst...
        ];
    var count = 0;
    setInterval(function() {
        container.innerHTML = "<img src='"+slide[count]+"' alt='Slide "+(count+1)+"'>";
        count++;
        if (count == slide.length) {
            count = 0;
        }
    }, 3000); // Slideshow auto giro Mult-focos http://mult-focos.blogspot.com.br/
})();
//]]>
</script>

See the Pen ehwBb by Mairink (@Oemes) on CodePen.

Isto é tudo