1 de mai de 2008

Mudar imagem de fundo do Blogger a cada atualização

Quer ter sempre um blog diferente ? Seus problemas acabaram, agora com este código é possível ter até 10 tipos de fundos a cada atualização que seu visitante fizer em seu blog. Clique AQUI e veja o resultado.



Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.



A primeira coisa a fazer é ir até o HTML do seu blog. Procure pela tag ( código) body {

Abaixo dele procure pelo código: background:alguma coisa qualquer estará aqui;

Agora apague esse código até o ponto e virgula ;

Agora coloque este outro código:




background: url("AQUI O ENDEREÇO DE SUA IMAGEM") repeat;

*Obviamente que onde está escrito AQUI O ENDEREÇO DE SUA IMAGEM deverá ser substituido pelo endereço de sua imagem.

Salve.

Agora vá até "Elementos de página", clique em "Adicionar um novo elemento de página" e clique em HTML/Javascript, cole o código abaixo dentro e depois que ensirir o endereço de suas imagens, salve.





<script type="text/javascript">
var banner= new Array()
banner[0]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[1]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[2]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[3]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[4]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[5]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[6]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[7]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[8]="AQUI O ENDEREÇO DE SUA IMAGEM"
banner[9]="AQUI O ENDEREÇO DE SUA IMAGEM"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + banner[random] + '") repeat center center;');
document.write(" }");
document.write("</style>");
</script>


11 comentários:

  1. eu já tentei mudar seguindo suas orientações, mas não consigo :(

    ResponderExcluir
  2. Tentei mudar os templates, mas nao acontece nada, sera que preciso lincar esse novo elemento com o background?
    Obrigada

    ResponderExcluir
  3. Ola! So queria agradecer pela TAG, to usando ela pra fazer com que a imagem de topo do meu site fique alternado, ficou bem legal, tive so que fazer uma pequena alteração no codigo.

    Quem quiser conferir ta ai o link do site:

    http://soulsocietyanimes.blogspot.com

    Abraço e mais uma vez, muito obrigado pela dica!

    ResponderExcluir
  4. nao presta

    eu quero o codigo de a imagem de fundo alterar mas sem fazer atualizar a pagina, a imagem de fundo estar sempre a alterar como um slideshow

    ResponderExcluir
    Respostas
    1. MIGO É SÓ CRIAR UMA IMAGEM EM GIF,ESCOLHER O TEMPO DE MUDANÇA E PRONTO!

      Excluir
  5. Muito bom o codigo em java amigo parabéns,muito obrigado!!!
    Quem quiser dar uma olhada como ficou www.jack-maconha.blogspot.com

    Era isso que procurava.

    Abração.

    Jack.

    ResponderExcluir
  6. o meu nao fusionou a pessoa que me ajudar eu boto como administrador pra consequir bota isso no meu site or favor !!!! http://chiwer.blogspot.com/

    ResponderExcluir
  7. olá , seu poste e demais !
    mais eu naum estou dando conta , o cara ali em cima que teve que dar uma alterada no codigo ...
    sabe e que eu quero as imagens do topo da tela mudadno , mais o que eu fiz ta mudando toda a pagina ta cheio de imagens !"
    me ajuda por favor !
    me envie um e-mail para xgamesblog@gmail.com . me ajude por favor

    ResponderExcluir
  8. Seu eu quiser colocar isso apenas no banner do blog é possivel ?

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube