Como Personalizar o Cabeçalho do Blog Utilizando o Plano de Fundo?

CONSIDERAÇÕES INICIAIS

Um dos elementos mais chamativos de um blog é o cabeçalho, pois esse elemento aparece já no início das páginas. Nesse sentido, a utilização de imagens transparentes no cabeçalho possibilita o desenvolvimento de um visual combinado com o plano de fundo, deixando o design da interface do seu blog mais atrativa e sofisticada.

Nesse tutorial, confira como personalizar o cabeçalho do blog de forma simples e prática, utilizando a imagem do plano de fundo.

Esse tutorial é indicado para os blogs que utilizam o tema Awesome Inc. ou Espetacular Ltda na plataforma do Blogger. Para baixar um modelo no tema Awesome, clique aqui.

Para mais informações sobre como alterar a imagem do plano de fundo do blog, clique aqui.

QUAL A VANTAGEM EM UTILIZAR UMA IMAGEM TRANSPARENTE NO CABEÇALHO?

Ao utilizar uma imagem ou arquivo transparente no cabeçalho do blog, a imagem do plano de fundo vai ser apresentada na área ocupada pelo cabeçalho. Enquanto a largura de uma imagem adicionada diretamente ao cabeçalho está restrita aos limites da medida desse elemento, a largura de uma imagem adicionada no plano de fundo pode abranger toda a tela do blog.

 

Para tanto, a imagem transparente adicionada ao cabeçalho deve ser no formato PNG ou GIF. Além disso, deve ter uma altura compatível com a parte da imagem do plano de fundo que será exibida no local do cabeçalho.

Quando é utilizado uma imagem transparente no cabeçalho é possível adicionar o logotipo do blog na imagem do plano de fundo. Dessa forma, as imagens personalizadas para o plano de fundo com o logotipo do blog podem ser elaboradas a partir de um aplicativo popular, como o Capcut ou Microsoft PowerPoint.

Também é possível adicionar o logotipo do blog junto à imagem transparente que será adicionada no cabeçalho. Nesse caso, o preenchimento do fundo do logotipo será realizado pela imagem do plano de fundo do blog. O logotipo pode ser criado em um aplicativo de edição de imagem, como o Gimp, ou ainda através de algum serviço on-line, como o Canva e por fim, deve ser salvo com o fundo transparente.

Outra vantagem de utilizar uma imagem transparente no cabeçalho para mostrar a imagem do plano de fundo do blog está no alinhamento. A imagem do cabeçalho só pode ser centralizada na tela através de uma edição no HTML e a imagem do plano de fundo pode ser centralizada através das ferramentas nativas do próprio blog.

 

COMO ADICIONAR UMA IMAGEM TRANSPARENTE NO CABEÇALHO?

Confira como adicionar uma imagem transparente no cabeçalho do blog em 15 passos.

1º Passo: acesse a página inicial do Blogger.

2º Passo: selecione o nome do seu blog.

3º Passo: clique em Layout.

4º Passo: na seção cabeçalho, clique em Editar.

5º Passo: na janela seguinte, selecione a opção fazer upload da imagem do computador.

6º Passo: clique em escolher arquivo.

7º Passo: na janela seguinte, selecione a imagem transparente e clique em Abrir.

Dica: caso não tenha uma imagem transparente salva no computador, pode realizar o download de um dos nossos modelos abaixo.

8º Passo: quanto ao posicionamento da imagem, selecione a opção imagem sem título nem descrição.

9º Passo: clique em Salvar.

10º Passo: clique em Tema.

11º Passo: clique no botão Personalizar.

12º Passo: clique na guia Avançado.

13º Passo: selecione a opção Título do blog.

14º Passo: na seção Plano de fundo do cabeçalho, marque a opção Transparente.

15º Passo: por fim, clique em Salvar.

MODELO DE IMAGENS TRANSPARENTES PARA O CABEÇALHO

 

 

COMO ELABORAR UMA IMAGEM DE PLANO DE FUNDO COM O LOGOTIPO DO BLOG?

Confira como elaborar uma imagem para o plano de fundo do blog com o logotipo utilizando o Microsoft PowerPoint em 09 passos.

1º Passo: abra o aplicativo Microsoft PowerPoint.

2º Passo: personalize o plano de fundo do blog.

Dica: insira imagens, formas e efeitos de gradiente para personalizar a página.

3º Passo: clique na guia Inserir.

4º Passo: clique na ferramenta WordArt.

5º Passo: clique sobre um dos modelos de WordArt disponíveis.

6º Passo: digite o nome do seu blog e arraste o nome digitado para o local que será exibido no local do cabeçalho.

7º Passo: concluída a personalização, clique em Arquivo.

8º Passo: clique em Salvar como.

9º Passo: clique em Procurar.

10º Passo: na janela seguinte, no campo tipo, selecione a opção formato JPEG.

11º Passo: escolha o local que o arquivo será salvo.

12º Passo: para finalizar, clique em Salvar.

 

Após salvar a imagem, você já pode acessar a plataforma do Blogger para inserir a imagem salva no seu blog. Caso tenha alguma dúvida sobre como alterar o plano de fundo do blog, clique aqui.

É importante destacar que para a imagem do plano de fundo ser exibida de forma combinada com a imagem transparente do cabeçalho, recomenda-se que o alinhamento do plano de fundo seja centralizado e superior. Quanto à configuração de repetição da imagem, recomenda-se selecionar a opção “não dividir em bloco” e deixar marcado a opção “rolar com a página”.

Abaixo, disponibilizamos alguns modelos de imagens para utilizar no plano de fundo do seu blog. Se preferir, você pode abrir essas imagens no PowerPoint ou outro aplicativo similar, adicionar um logotipo e salvar em seu blog.

 

MODELO DE IMAGENS PARA O PLANO DE FUNDO DO SEU BLOG

 

 

CONSIDERAÇÕES FINAIS

Portanto, esse tutorial visou compartilhar um pouco de nossos conhecimentos sobre a personalização do cabeçalho de forma combinada com o plano de fundo do blog, a partir do uso de imagens transparentes.

 

TUTORIAIS RECOMENDADOS

 

 

Por: Santos. Elaborado em: 01/12/2025. Publicado em: 01/12/2025. Atualizado em: 01/12/2025. Obrigado pela sua atenção, qualquer dúvida, falha ou sugestão, deixe seu comentário ou entre em contato conosco.