Como mudar o plano de fundo (background) no Webnode

Este artigo foi sugerido por email por um usuário do site Hacker Absoluto que tem duvidas de como trocar o plano de fundo do seu blog criado no Webnode.
O problema é que o Webnode não permite acesso ao HTML do site e somente ao CSS, que é um pouco mais complicado de se mexer, mas isso não implica que seja impossível de se realizar a troca.

                                              Tutorial:

Antes de mexer no template do site, você necessita ter a imagem que deseja como plano de fundo hospedada em algum servidor (pode ser até no próprio Webnode). Com a imagem hospedada e o endereço copiado siga os passos a seguir:

1. No painel de edição do site clique em "Modelo"--->"Configurações avançadas".

2. Depois em Editar CSS.

3. Procure pela tag body { (aperte CTRL + F no seu teclado para facilitar).
4. Próximo da palavra "background" entre parênteses está o endereço do plano de fundo atual do seu site. Por padrão ele pode ser ../img/bg.gif ou outro dependendo do seu template.
5. Exclua esse link e cole o endereço da imagem que quer ter como plano de fundo do blog. Após isso clique em salvar e visualize o resultado.

6. Mas para que a imagem fique bem colocada no fundo do site, eu recomendo que você modifique um código que fica  na frente do link da imagem. Veja as funções de cada código e aplique aquele de seu interesse:

A. repeat-y left top (a imagem se repetira Y vezes no template na vertical)
B. repeat-x center top (a imagem se alinhará no centro do site mas não se repetirá)
C. repeat-x left top (a imagem se repetirá X vezes na horizontal do site)
D. repeat (a imagem se repetira X e Y vezes tanto na vertical como horizontal dentro do template do site)

7. Aplique o comando que desejar e clique em salvar. Lembre-se que deve-se retirar o comando atual do template e colar o novo.
Por causa das inúmeras variações eu recomendaria o comando repeat que repetirá a imagem para todos os lados do fundo.


Dica: Se criado uma imagem degradê não daria para perceber que o fundo foi criado pela junções de inúmeras da mesma imagem.

Plano de fundo aplicado e observações

Pronto agora o seu site estará com um fundo personalizado e com a sua cara.


Atenção: Em alguns templates a mudança no CSS não é aplicada  o que pode ser um erro do Webnode ou a impossibilidade de mudança mesmo, sendo assim necessário escolher outro template que aceite a mudança no fundo.

E você gostou da dica? Deixe um comentário e/ou divulgue este artigo nas redes sociais.