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: , ,