Image Map

Código para Publicidade ou From Staff


Hey, olá meus amores, estou aqui trazendo a primeira postagem do blog. 

Bom, ai vocês me perguntam, ué, Katy, porque tutorial de Publicidade, se já sabemos? 

Bom, eu vejo muitos blogs, que cometem alguns erros na hora de colocar a imagem de publicidade de outro blog. Ou as imagens ocupam praticamente o blog inteiro, rápidas demais, ou nem param quando colocamos o mouse. E se for um pc lento como o meu, senhor, a gente perde o blog que a gente quer ir. 

Esse código controla o tamanho de todas as imagens das publicidades, fazendo todas ficarem do mesmo tamanho, deixa lado a lado e para quando colocamos o mouse.

EFEITO NORMAL

Então, seguem ai:

1- Vá até ''Layout'', adicionem  ''HTML/JavaScript''

2- Coloquem esse código:

<marquee behavior="scroll" onmouseout="this.start();" onmouseover="this.stop();"><a href="LINK DO BLOG" title="NOME DO BLOG"><img alt="moving image by marquee html code" height="300" src="LINK DA IMAGEM" /></a><a href="LINK DO BLOG" title="NOME DO BLOG"><img alt="moving image by marquee html code" height="300" src="LINK DA IMAGEM" /></a></marquee>

Em 300, é o tamanho da imagem, ali ela vai deixar proporcional tanto a largura quanto a altura, não se preocupem. Recomendo que deixem todos os números iguais

Para adicionar mais publicidades, - Ali só dá para colocar dois blogs - basta adicionar ANTES de    </marquee>     que fica ali no finalzinho do código,  este código:

<a href="LINK DO BLOG" title="NOME DO BLOG"><img alt="moving image by marquee html code" height="350" src="LINK DA IMAGEM" /></a>

--------------------------------------------------------------

EFEITO BATE E VOLTA :

Quem já viu aquele efeito de bate e volta da PND? Bem, se você gostou e gostaria de fazer a mesma coisa, siga o tuto! <3

1 - Copie este código

<marquee direction="left" scrollamount="8" width="100%" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">

2- Procure por esta parte, no código lá de cima:

<marquee behavior="scroll" onmouseout="this.start();" onmouseover="this.stop();">

3- Apague e cole o código que copiou ali em cima. Salve e visualize se está tudo certo.

4- Ele tem que dicar assim:

<marquee direction="left" scrollamount="8" width="100%" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="LINK DO BLOG" title="NOME DO BLOG"><img alt="moving image by marquee html code" height="350" src="LINK DA IMAGEM" /></a><a href="LINK DO BLOG" title="NOME DO BLOG"><img alt="moving image by marquee html code" height="350" src="LINK DA IMAGEM" /></a></marquee>

Deixei tudo bem explicadinho para vocês.
Qualquer dúvida, é só me perguntar na c-box, ou comentando aqui no post.

Obrigada por ler até aqui. Confiram os resultados:

R E S U L T A D O     N O R M A L:

moving image by marquee html codemoving image by marquee html code

R E S U L T A D O      D O       B A T E    E   V O L T A:

moving image by marquee html codemoving image by marquee html code


É isso, comentem dizendo o que acham!
Se usarem os códigos, comentem também.

Obrigada a quem leu! <3

bjs! <3
Leia Mais ►