sexta-feira, 3 de junho de 2011

Imagens Deslizantes no Blogger

Ola pessoal que visita o Cblogger hoje estarei ensinando a vocês como colocar imagens deslizantes no blogger de uma forma bem facil , semelhante ao galeria de imagens você poderá fazendo isso com textos e outros... veja o demo aqui http://cbloggerdemo.blogspot.com/

1 - Passo cole o código abaixo em baixo da tag <head>



<script src='http://h1.ripway.com/mamedes/image_zoom/crawler.js' type='text/javascript'>
</script>

2 - Cole o código abaixo antes do fechamento da tag </body> e salve


<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '600px',
'height': '180px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true,
random: true
});
</script>
 3 - Agora você adiciona o HTML/JAVA SCRIPT e cole o código seguinte abaixo substituindo pelas suas imagens



<div class="marquee" id="mycrawler2">
<img src="http://bp0.blogger.com/_VapL4SUmtZ8/R7Gx_TkwAoI/AAAAAAAAAsE/FFiR7tsJHC4/s400/linux_1_preview.gif" />
<img src="http://www.ecult.com.br/wp-content/uploads/2009/12/pf_gastal3-200x200.jpg" />
<img src="http://bp0.blogger.com/_VapL4SUmtZ8/R7Gx_TkwAoI/AAAAAAAAAsE/FFiR7tsJHC4/s400/linux_1_preview.gif" />
<img src="http://readwriteweb.com.br/wp-content/uploads/2011/04/ipad2-200x200.jpg" />
</div>

Pronto...

Marcadores: , ,

1 Comentários:

Às 3 de agosto de 2011 23:20 , Blogger Concurso ES disse...

Muito bom seu blog. Parabéns pelas dicas, é bom saber que ainda existem pessoas com esse espírito de compartilhamento. Deus abençoe seu trabalho!

Iron R. B.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial