Efeito Autoras descrição aqui e blá blá blá... isso é só um exemplo, rsrs.

sábado, 15 de setembro de 2012

EXEMPLO


45513525_large
mais postagens como essa no Adolescente Nerd
Hi! [de fato# amo o google tradutor huahua~]

Após clicar em leia mais você irá aprender como fazer um Background rotativo, mais antes irei esclarecer sua dúvida de o que é um Background rotativo, Background rotativo é quando a imagem de fundo do blog muda toda vez que a página é atualizada :) (palmas para a nerd da Bia ~clap clap)

Vamos começar indo em Layout > Adicionar um Gadget > HTML/JavaScript


logo após Cole o código abaixo no campo "Conteúdo"


<script type="text/javascript">
var banner= new Array()
banner[0]="Imagem1"
banner[1]="Imagem2"
banner[2]="Imagem3"
banner[3]="Imagem4"
banner[4]="Imagem5"
banner[5]="Imagem6"
var random=Math.floor(6*Math.random());
document.write("<style>");
document.write("body {");
d:url("' + banner[random] + '") repeat center center;');
document.write(' backgroun
ocument.write(" }");
ddocument.write("</style>");
</script>


Entenda: O número que está em verde representa a quantidade de backgrounds, mude de acordo com o número de imagens que vai usar. Substitua "ImagemX" pelo endereço de imagem do seu background(substitua apenas o interior das aspas). Em roxo, está como as imagens deverão se comportar, veja o tutorial sobre a propriedade background nesse blog.

Se for acrescentar mais backgrounds, "X" representa a ordem de backgrounds (ex: o próximo número é o 6) e "ImagemURL" é o endereço de imagem do background.

banner[x]="ImagemURL"

Valeu pelo tutorial collidedsoul - créditos à ele :)

Beijos gente, lembrando que as postagens desse blog texte estaão sendo retiradas no adolescente nerd

Nenhum comentário:

Postar um comentário