terça-feira, 25 de setembro de 2018

Como instalar uma imgem de fundo aleatória no Blogger


Por favor, altere o código ImageURL com o URL da imagem que você preparou, verifique se a imagem de qualidade HD não está embaçada ou quebrada quando instalado


Desta vez vou compartilhar um tutorial sobre como fazer com que o background de um blog possa mudar automaticamente. Para não ser muito difícil, basta adicionar um script ou código no modelo do blogger. No entanto, esse script ou código pode diminuir a velocidade de carregamento do blog.

O script ou código fará com que a imagem de fundo da página do blog mude toda vez que ela for atualizada. Para que seu blog tenha uma aparência dinâmica, o plano de fundo irá mudar sozinho quando os visitantes abrirem uma nova página ou atualizarem a página aleatoriamente.

Se você se interessou e quer aplicar em seu blog, por favor, siga as etapas abaixo:

Como instalar uma imagem de fundo aleatória no Blogger

Primeiro, abra o blogger > Tema > Editar HTML >  e cole o código baixo antes da tag </body>:



<script type='text/javascript'>
//<![CDATA[
var Background=new Array;
Background[0]="#f5f5f5 url('ImageURL') no-repeat top center fixed",
Background[1]="#f5f5f5 url('ImageURL') no-repeat top center fixed",
Background[2]="#f5f5f5 url('ImageURL') no-repeat top center fixed",
Background[3]="#f5f5f5 url('ImageURL') no-repeat top center fixed",
Background[4]="#f5f5f5 url('ImageURL') no-repeat top center fixed";
var random=Math.floor(5*Math.random());
document.write("<style>"),
document.write("body {"),
document.write("background: "+Background[random]+";"),
document.write("background-size:100%;"),document.write(" }"),
document.write("</style>");
//]]>
</script>



Observação:

Por favor, altere o código ImageURL com o URL da imagem que você preparou, verifique se a imagem de qualidade HD não está embaçada ou quebrada quando instalado.



Feito isso, Save e veja o resultado. Qualuer dúvida, deixe nos comentários.