1 de agosto de 2013

Planos de Fundo para o Seu blog


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://lh4.googleusercontent.com/-UjBZrlC55qo/TyxZTVWa5EI/AAAAAAAAA-M/w2UrRm7WivA/h120/logo%2Bdo%2Bblogger.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.




























3 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

Oie♥
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.
♥ Aceito seguindo segue de volta desde que comente algo relacionado ao post.
♥ Respondo todos os comentários os mais breve possivel.
♥ Não aceito que um blogueiro (a), venha aqui só para deixar seu link e falar de algum sorteio, deve comentar algo...
♥ Meus comentários são moderados por segurança, e que eu tenha controle dos anônimos e que eu não deixe de responder ninguém.
♥ Qualquer duvida entre em contato por e-mail: meninadivadamoda@gmail.com

-->Obrigada e Volte sempre Amada beijos de morango com Nutella...♥
Menina Diva Da Moda - Luana Mendes#