Como adicionar um fundo de blog: 8 etapas (com imagens)

Índice:

Como adicionar um fundo de blog: 8 etapas (com imagens)
Como adicionar um fundo de blog: 8 etapas (com imagens)

Vídeo: Como adicionar um fundo de blog: 8 etapas (com imagens)

Vídeo: Como adicionar um fundo de blog: 8 etapas (com imagens)
Vídeo: Como adicionar imagens a site WordPress, melhorar SEO e acessibilidade | WordPress sem Código 2.10 2024, Abril
Anonim

Os blogueiros geralmente mudam o plano de fundo do blog para torná-lo mais atraente visualmente para os visitantes. No entanto, uma imagem de plano de fundo adicionada incorretamente pode confundir o visualizador e fazer com que os visitantes saiam do seu blog. Para adicionar um fundo de blog corretamente, é importante usar os códigos HTML corretos.

Passos

Adicionar um plano de fundo do blog, etapa 1
Adicionar um plano de fundo do blog, etapa 1

Etapa 1. Vá para a página HTML do seu blog

Se você estiver editando seu blog off-line, poderá abri-lo no Dreamweaver para alterar o HTML. Serviços de blog, como o Blogger, permitem que você altere o HTML on-line acessando a página Design e selecionando a guia "Editar HTML". Você precisa ser capaz de acessar os códigos HTML do seu blog, e a forma como você faz isso pode variar muito, dependendo dos serviços e métodos de blog usados.

Adicionar um plano de fundo do blog, etapa 2
Adicionar um plano de fundo do blog, etapa 2

Etapa 2. Não tente procurar uma imagem separada com uma cor diferente se tudo o que deseja fazer é mudar a cor de fundo

Em vez disso, você pode apenas editar seu HTML para alterar a cor existente para a que você deseja.

  • Pesquise "gráfico de cores HTML" na Internet. Você deve conseguir encontrar uma tabela que exibe cores diferentes junto com seu nome de cor e número HEX (Hexadecimal). O número HEX é o número usado no HTML, portanto, você precisa se lembrar do número HEX da cor específica que deseja como plano de fundo.
  • Encontre o código em seu blog que define a cor de fundo. Isso parecerá assim.

    • corpo {
    • cor de fundo: #XXXXXX;
Adicionar um plano de fundo do blog, etapa 3
Adicionar um plano de fundo do blog, etapa 3

Etapa 3. Você verá o número HEX da cor existente em vez dos X exibidos no código de amostra

Altere o número HEX para o número da cor que você deseja como plano de fundo. Depois de salvar e aplicar o novo HTML, você verá a nova cor como plano de fundo

Método 1 de 1: Adicionando uma imagem de plano de fundo do blog

Adicionar um plano de fundo do blog, etapa 4
Adicionar um plano de fundo do blog, etapa 4

Etapa 1. Selecione a imagem que deseja adicionar como plano de fundo

Existem muitos sites que permitem o download de fundos de blog ou você pode usar uma imagem que já está salva no seu computador.

Adicionar um plano de fundo do blog, etapa 5
Adicionar um plano de fundo do blog, etapa 5

Etapa 2. Faça upload da imagem

Sites de hospedagem de fotos como o Picasa, Flickr e Photobucket permitem que você carregue imagens gratuitamente. O serviço de hospedagem do seu blog também pode permitir que você carregue imagens de maneira semelhante à hospedagem do restante do seu blog.

Adicionar um plano de fundo do blog - Etapa 6
Adicionar um plano de fundo do blog - Etapa 6

Etapa 3. Obtenha o URL da imagem

Para fazer isso, você precisa abrir a imagem no navegador da Internet e copiar o URL onde ela é exibida.

Adicionar um plano de fundo do blog - Etapa 7
Adicionar um plano de fundo do blog - Etapa 7

Etapa 4. Insira o código para adicionar uma imagem como plano de fundo

Aqui está o código HTML.

    • corpo {
    • imagem de fundo: url (URL da imagem);
  • Você precisa adicionar o código onde o corpo do HTML do seu blog começa. Substitua "URL da imagem" pelo URL completo onde sua imagem está localizada.
Adicionar um plano de fundo do blog, etapa 8
Adicionar um plano de fundo do blog, etapa 8

Etapa 5. Salve as alterações após editar o HTML e visualizar seu blog

Você deve ver a imagem adicionada como plano de fundo.

Recomendado: