Planos de Fundo para o Seu blog

1 de agosto de 2013 |


Hoje trouxe algumas texturas para o plano de fundo do blog, boom as vezes agente procura vários e não acha o perfeito pensando nisso trouxe alguns ...Créditos ao Google imagens.
Se quizer colocar o plano de fundo permanente é so seguir esse tutorial:

Mudando o plano de fundo no Blogger/ Blogspot

Primeiramente se você deseja aplicar uma imagem ao plano de fundo é necessário fazer o upload dela em algum servidor (pode ser até mesmo no Blogger) e copiar o seu endereço na web.
Agora se você deseja mudar somente a cor do background, basta copiar o HTML da cor. Veja a tabela de cores neste site.

Após realizar os passos acima, entre no painel de edição do Blogger. Se você utiliza o Novo Blogger entre em “Modelo” > “Editar HTML”.


editar HTML no Blogger

Já no antigo Blogger entre em “Design” > “Editar HTML” e marque a caixa “expandir modelos de widgets”.
editar html no blogger

Dentro do HTML busque pela tag body {  (Para facilitar use o comando Ctrl+F no seu teclado e cole a tag dentro da caixa que abrir no seu navegador).
Logo abaixo dessa tag está o seguinte código (pode variar de template para template):


body {             
text-align:center;
color:#cc0000;
background:#FFF url(endereco da imagem) código;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:10px 0 0 0;
padding:0;
}

Logo após a tag background: você deve colocar o código HTML da cor que você deseja, não se esqueça de sempre colocar o # na frente.

Para adicionar uma imagem ao plano de fundo você deve colocar o endereço da imagem entre parênteses que está localizado após Url. Se você não tiver essa tag é só coloca-la após o background:. A tag é url (endereco da imagem) código;

background:#FFF url(endereco da imagem) código;

Além disso é necessário mudar a palavra código por uma tag que “dará uma ordem a imagem”. As tags são:

repeat; (a imagem se repete por todos os lados, tanto para horizontal quanto para vertical)
center; (a imagem se alinha no centro do blog)
no-repeat top left; (não se repete e alinha no topo a esquerda)
repeat-y; (imagem se repete de cima para baixo)
repeat-x; (imagem se repete da esquerda para a direita).

É recomendado utilizar o código de acordo com o tamanho da sua imagem, ou seja, se ela for pequena utilize o repeat e assim por diante. Veja como ficou o código modificado:

body {             
text-align:center;
color:#cc0000;
background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ELC8afOWemkD9w5cs3GnjqfSQ0Tt0YZmvg-uHdqyAJjN5fBEpYPownucgYvoWgztBzeREkCsdoIPkei5XqwZyArUGhiKbLuSruEnt3gzwmwfRF3ee4SihJhIDBpvRmmkxbjEufSPrU-I/h120/logo+do+blogger.jpg) repeat;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:10px 0 0 0;
padding:0;
}

Lembre-se que o seu código pode ser diferente do citado aqui, no entanto em todos a tagbackground está presente. 

Viu como é simples mudar o plano de fundo do site/blog? Se você gostou do artigo divulgue-o nas suas redes sociais.




























8 comentários:

  1. Obg pela dica , super obg mesmo , eu disse pra mim mesmo que se eu encontrasse alguem com o sobrenome mendes , que tivesse blog eu aprenderia mexer em HTML deve ser facil as pessoas sempre me dizem , ei eu te segui ser aque poderia retribuir se gostar ? pf " obg
    belaeabusada.blogspot.com

    ResponderExcluir
    Respostas
    1. Heheh, que bom que achou uma tocaia de sobrenome hihi...se precisar de ajudar só me perguntar viu?!
      Mas é facil mesmo!!
      Todos os codicos que fores inserir no seu html clique dentro da caixa e aperte ctrl+f.
      Bjoos

      Excluir
  2. oi , adorei seu blog ,AMEI os planos de fundo. de verdade.Nunca achei um blog com planos de fundo tão bons. Então eu já estou seguindo, pode retribuir se gostar? eu vou ler seu blog de aqui em diante. Olha, eu só tenho 13 seguidores, então se você seguir meu blog ajudaria muito. Muito obrigado
    Bjs Mo
    tudosobretudomo.blogspot.com

    ResponderExcluir
  3. Obrigada querida me ajudou d +,mas onde vc fez o blog?
    <3

    ResponderExcluir
    Respostas
    1. Que bom!!
      Este blog eu que fiz :)
      Bjos

      Excluir
    2. Oi querida,desculpa fazer essa pergunta boba.
      Já consegui fazer o meu blog!Mas preciso de ajuda sim!Mas uma pergunta (entrometida:eu)Vc que criou a boneca?
      Bjs <3

      Excluir
  4. Não criei não achei na net mas até hj não vi ninguém com ela vou procurar uma pra vc oque acha hehe!!
    Bjos

    ResponderExcluir

Olá Gurias e Guris também porque não ♥
Fico muito feliz com seu comentário!!
------------------------------------------------------------------
Agora alguns recadinhos importantes:

♥ Deixe seu link para que eu possa retribuir sua visita;
♥ Se estiver seguindo aqui, me avise para que eu possa seguir seu também;
♥ Comente com todo seu carinho, leia o poste e comente algo relacionado, que retribuirei com o mesmo gesto; ♥
♥ Meus comentários são moderados por segurança, e que eu tenha controle e que eu não deixe de responder ninguém.
♥ Para dúvidas e parcerias entre em contato por e-mail: ~coffecomaszamigas@gmail.com~

~ Obrigada e Volte sempre! ♥
Café com as Zamigas |Luana Mendes

Instagram: @luanamendesblog
Canal no Youtube: Luana
https://www.youtube.com/user/meninadivadamoda