PERSONALIZANDO O BACKGROUND DO BLOG

PERSONALIZANDO O BACKGROUND


Background nada mais é do que o fundo de um layout, ele é peça fundamental na personalização e se for escolhido corretamente pode acarretar muitos views, uma vez que o design do seu blog é atraente o leitor se sente a vontade em permanecer e te visitar várias vezes. Antes de começarmos não esqueça de baixar o layout base que foi disponibilizado no último post, pois será nele que criaremos nosso layout dos sonhos.

DELETANDO O NAVBAR

No painel do blogger, procure por layout > navbar e clique em desativado e salve. 

AJUSTANDO A ESTRUTURA DO LAYOUT BASE

Procure por modelo > personalizar > ajustar larguras e coloque 1080 em para todo blog e 350 em barra lateral direita e salve.

ESCOLHENDO O BACKGROUND

Existem alguns sites bem legais que disponibilizam gratuitamente backgrounds para uso pessoal e comercial. Abaixo você confere 3 sites que disponibilizam diversos modelos. 

Subtlepatterns é bem fácil de manusear. Sua interface é limpa e te possibilita ver o background escolhido em tempo real, basta clicar em preview em cima da imagem.

PERSONALIZANDO O BACKGROUND


Ava7patterns este site é um dos meus preferidos, ele possui inúmeros backgrounds de cores e formas diferentes.

PERSONALIZANDO O BACKGROUND


Pattern8 assim como os outros, também te possibilita ver o background em uso com apenas um clique, facilitando assim a escolha. Ele possui background florais, geométricos e muitas outras formas.

PERSONALIZANDO O BACKGROUND


ADICIONANDO O BACKGROUND

Background escolhido, agora é hora de coloca-lo no seu devido lugar. Vamos precisar da url do background para instalar no nosso layout, e isso é muito fácil. Publique a imagem normalmente em um blog de teste (pode ser nesse que está criado o layout), depois clique na imagem e com o botão direito do mouse selecione a opção copiar endereço da imagem.

De volta ao painel do blogger, procure novamente por modelo > editar html, clique dentro da caixa de códigos e aperte ctrl+f e nela digite /* Content

Feito isso, no lugar de #D8D8D8 coloque url("URL do 1º background") repeat e onde está destacado de vermelho cole a url que acabamos de copiar, clique em visualizar modelo se estiver tudo ok, salve!

Caso queira deixar uma cor ao invés de um background é só trocar o código da cor desejada, navegue no site html color codes e escolha com cautela a cor que deseja.


COMENTÁRIOS FACEBOOK
2 COMENTÁRIOS BLOGGER

2 comentários

  1. Ola Lorena, como faço para baixar o layout base que você disponibilizou?

    ResponderExcluir
    Respostas
    1. Olá, eu deixei o link nesse post. Dê uma revisada nele!

      Bjs :*

      Excluir

 
COPYRIGHT © 2017 ● MANUAL DA BLOGUEIRA | WWW.MANUALDABLOGUEIRA.COM.BR ● TEMA POR LORY DESIGN