Como alterar Plano de fundo no Blogger (através do HTML ou Painel)

Por | Atualizado em 2017-03-12

Uma das melhores formas de personalizar o seu blog e “injetar” uma nova vida nas suas páginas, é adicionando um fundo personalizado ao seu template.

Até podemos argumentar que adicionar uma imagem de fundo pode tornar a página mais “pesada”, e como tal, mais lenta a carregar, no entanto, nunca poderemos esquecer que o nosso maior objetivo é agradar aos visitantes, e não aos motores de busca.

No Blogger, é muito simples alterar o fundo do seu template. Na verdade, existem duas soluções simples. A primeira, através do painel administrativo do seu Blogger, e a segunda adicionando uma linha de código no HTML do template.

mudar fundo do blogger

Como alterar Plano de fundo no Blogger

Na prática, você poderá carregar uma imagem do seu computador, ou utilizar uma das imagens fornecidas pelo próprio Blogger.

1. Painel Administrativo do Blogger:

Comece por aceder ao menu “Modelo” do painel administrativo do Blogger e clique no botão “Personalizar”. No separador “Fundo”, você poderá alterar a cor do fundo, ou adicionar uma imagem personalizada.

Como alterar Plano de fundo no Blogger

Caso pretenda adicionar uma imagem do seu computador, clique no botão “Carregar Imagem” – Escolher Ficheiro. Faça o upload de uma imagem (tendo cuidado para não carregar uma imagem protegida por direitos de autor).

Nota: Algumas das imagens de fundo fornecidas no próprio Blogger, provém do conhecido banco de imagens istockphoto, reconhecido pela qualidade e fiabilidade das suas imagens.

Relacionado:  Como adicionar o Facebook Open Graph no Blogger

Quando terminar a personalização, clique no botão “Aplicar ao blogue”, ou caso não fique satisfeito, clique em “Voltar ao Blogger”.

mudar plano fundo blogger


2. Como mudar o fundo do blogger no HTML

Comece por aceder ao menu “Tema” do seu Blogger e clique no botão “Editar HTML”. Procure o código de estilo CSS do corpo do template (body). Para terminar, adicione o “background: url(link_da_imagem);”. Ou seja, o seu código ficaria assim:

body {
...outros estilos...
background:  url(link_da_imagem) ;
...outros estilos...}

Dica: Se necessário, consulte o nosso artigo: Como hospedar imagens online (melhores serviços).

Adicionar menus de navegação no Blogger

Ajude os visitantes do seu blog a navegar pelas suas páginas, adicionando um menu (vertical ou horizontal).

Para isso, consulte o seguinte tutorial: Como criar um menu no Blogger.



Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *