11 dezembro 2014

Banners de Parceiros em movimento para blog

Banner Parceiros com movimento para blog

Em muitos blogs existem parcerias com divulgação de imagens (banner). Assim um divulga o trabalho do outro, trazendo mais visitantes todos os dias. O problema deste tipo de divulgação é o espaço que, normalmente, fica na lateral (sidebar) do blog. 

Pensando nisso, eu trouxe um gadgets muito legal para quem utiliza este tipo de divulgação. Nele podemos colocar mais de 10 parceiros em um só espaço a sua escolha.


TUTORIAL

Antes de começarmos acesse a página de códigos para podermos começar o tutorial. Deixe-a aberta.

1. Vá em Painel de controle

2. Acesse: Layout, Adicionar um Gadget, HTML/JavaScript  

3. Cole o código HTML/JavaScript.

4. Faça as alterações nos locais indicados e salve.

Personalizando

1. Neste gadgets a rolagem das imagens de parceiros está para cima, caso você queira mudar a direção delas, é só trocar a palavra UP logo no início do código

Por uma das palavras abaixo:

• UP → Desliza de baixo para cima.
• DOWN → Desliza de cima para baixo.
• LEFT → Desliza da direita para a esquerda.
• RIGHT → Desliza da esquerda para a direita.

Logo no início você verá assim:

<marquee direction="UP" height="300" on="" onmouseout="this.start()"

2. Caso queira colocar mais parceiros dentro do Gadget é só acrescentar o código como este:

<a href="LINK DO SITE PARCEIRO" target="_blank"><img border="10" src="LINK DA IMAGEM DO PARCEIRO" style="height: 90px; width: 200px;" /></a>


3. Caso queira ter menos parceiros do que está no código, basta retirar o mesmo código que mostrei acima.



7 - Para aumentar as imagens e colocar no tamanho que deseja, troque:

height: 90px; width: 200px

width = Largura
height = Altura


Beijinhos


Créditos: Universo das dicas

Nenhum comentário:

Postar um comentário

Amigos do Blog



Agregadores