Saiba como mudar o Background do Blogger, Colocar imagens e cores..



Caros Leitores, 

Como todo blogueiro iniciante gosta mesmo é de Fazer mudanças em seu Template, e uma das primeiras coisas que todos querem fazer, é mudar os efeitos e cores do seus Templates  Resolvi postar este Post, Ensinando como Mudar o Fundo do Blogger ou melhor como Colocar uma Imagem ao invés só de mudar as cores.. 


isto não é aquele bicho de sete cabeças que todo mundo acha que é, basta apenas colocarmos os códigos nos lugares certo e pronto!

Para Começar Vamos localizar o código certo, primeiro Pressione (Ctrl + F)  para localizar o código onde ele estiver :

Ache o seguinte Código: 

body {

background-color: $bgcolor;}




Se você deseja alterar somente a cor, faça como no exemplo: background-color e coloque o código da cor (hexadecimal, como: #ffffff  Para mudar as cores da sua preferencia basta ir no Google e pesquisar Tabelas de corres em html que ira lhe dar todos os codigos das cores desejadas.), ficando assim:




Se deseja colocar uma imagem:


background: url(url da imagem) repeat;  (Onde está grifado em vermelho, você apaga e coloca o URL da imagem que você pretende colocar no Blog.)

(Dica¹: URL da imagem é o endereço onde a Imagem foi hospedada, mais isso vocês verão em outro post..) 

 Dica²: para que o navegador  Internet Explore consiga interpretar o código, dê um espaço maior entre o endereço da imagem e repeat, caso contrário não aparecerá no navegador, apesar de aparecer normalmente no Firefox e no Ópera.


A imagem escolhida para o fundo do template não precisa necessariamente se repetir indefinidamente. Você pode querer, por exemplo, que esta imagem seja fixa no topo do template. Veja as maneiras como você pode estipular o comportamento da imagem do background (isto vale para a definição de background de qualquer elemento da página, seja body, main, sidebar, etc)

repeat; repete por todo o elemento


repeat-y; repete na vertical


repeat-x; repete na horizontal


no-repeat; não repete
  
quando for estipulado que a imagem não deve se repetir é necessário informar em que posição ela deverá aparecer:


background: url(url da imagem) no-repeat top left; -> não repete e se apresenta no topo à esquerda.


para que a imagem fique fixa na tela:


background-attachment: fixed;

Para que a imagem role com a tela:


background-attachment: scroll;


Bom eu sempre indico que essas edições feitas no template do seu blogger, sejam feitas em um blog de testes ou seja vc deve ter um outro blog em que vc testa os "hacks" para ver se não dão nenhuma BUG na hora da execução!
para não causar nenhuma dor de cabeça e nem um problema futuro!
Apos contatado o funcionamento esperado dos Widgets ou hacks, efetuamos as devidas modificações em nossos Blogs oficiais!

Com este Post consegui efetuar varias mudanças sem problemas.. Mais qualquer coisa, é so comentar de deixar o problema que Resolveremos juntos! 

Obrigado! volte sempre! =D 

Related Posts Plugin for WordPress, Blogger...