Banner de Parceiros Com Movimento

Tutorial passo a passo para você aprender a criar um gadget de parceiros personalizada em seu blog, igualzinho a esta que você vê do lado direito do meu blog, com os banners em movimento continuo...

Banner de parceiros com movimento contínuo

Neste tutorial vou ensinar como colocar um gadget lista de parceiros personalizada, igual a que você está vendo do lado direito do meu blog, uma das vantagens deste gadget é que podemos economizar espaço no blog, pois podemos alterar seu tamanho, assim, ao invés de ter uma lista enorme de parceiros, podemos personalizar um espaço menor onde todos os banners ficam em movimento contínuo, subindo e descendo em um espaço menor...

Siga os passos a seguir para criar este gadget... Clique nas imagens para amplia-las...

Primeiro entre em sua conta no blogger, clique nas opções de “Layout” do seu blog, nesta pagina clique em “Adicionar um Gadget”... Veja na imagem...

Quando Você clicar, irá abrir uma página com várias opções para adicionar gadgets, como vamos adicionar um código HTML, clique em “HTML/JavaScript, Adicionar funcionalidade de terceiros ou outro código a seu blog”...

Nesta nova página que abriu vamos inserir o código do nosso banner, primeiro dê um nome a seu gadget, digite na opção “Titulo”, agora no conteúdo insira o seguinte código:

---

<marquee onmouseout="this.start()" direction="up" on () scrollamount="4" height="300" onmouseover="this.stop()" with="200">
<div align="center">

CODIGO DOS BANNERS

</div></marquee>

---

Veja algumas alterações que podemos fazer no nosso banner...

Para fazer os banners descerem ao invés de subirem, troque a palavra "up" por "down".

Para mudar a altura da gadget altere o valor da "height".

Para alterar a velocidade da rotação altere o valor do "scrollamount".

Para dar um espaço entre os banner, acrescente o código abaixo entre cada banner: <br />