• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

23 de julho de 2012

Background rotativo

45513525_large
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(' backgrou
n
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 :)



Um comentário:

  1. Muito obrigada pelos créditos! Demonstra seu caráter e seriedade na blogosfera. Parabéns pelo blogue, é muito fofo *(^.^)*

    Beijos, Nikka ^^
    http://www.collidedsoul.com/

    ResponderExcluir