30 março 2016
PERSONALIZANDO O BACKGROUND DO BLOG
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.
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.
Ava7patterns este site é um dos meus preferidos, ele possui inúmeros backgrounds de cores e formas diferentes.
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.
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.
Ola Lorena, como faço para baixar o layout base que você disponibilizou?
ResponderExcluirOlá, eu deixei o link nesse post. Dê uma revisada nele!
ExcluirBjs :*
Como faço para salvar a imagem escolhida?
ResponderExcluirBasta fazer o download dela Milena =)
ExcluirTem como fazer isso sem usar o layout base??
ResponderExcluirTem sim Regiane =)
ExcluirLorena eu nao estou achando a aba modelo
ResponderExcluirA aba modelo agora se chama TEMA =)
Excluir