quinta-feira, 13 de agosto de 2009

Como trocar imagem de fundo do blog

É muito fácil trocar a imagem de fundo do seu blog. Mas devemos tomar um certo cuidado ao fazer isso para que o blog não se torne pesado demais ao ser acessado por internet lenta, geralmente discada.

Primeiramente você deve ter a sua imagem pronta para publicar, e ela deve possuir as seguintes configurações: 72 dpi's de resolução / no máximo 100kbytes de tamanho. (Isso não é padrão, é simplesmente para que fique corretamente configurada no monitor que possui 72 dpi's [o que é dpi?] ).

Se sua imagem não está na hospedada na web, Clique aqui para saber como hospedar. (As instruções são para o formato "swf", mas a forma de hospedar serve para qualquer formato).

Tendo hospedada a imagem, vamos para o Blogger.

::: No Blogger
Abra a aba "Layout" do blog no "Painel" e clique em Editar HTML do blog..
Procure o código:

body {

Ele fica logo no começo, abaixo das variáveis do blog.


Apague a linha que contenha a descrição: "background-color", ou simplesmente "background", mas tem que estar depois de BODY.

Cole na mesma linha o seguinte código:
background: url(ENDEREÇO DA IMAGEM)
background-position: left top;
ba
ckground-attachment: fixed;
Caso algum destes códigos em verde já existam no blog, não é necessário colocar novamente, apenas modifique o que for necessário. Lembre-se de substituir "ENDEREÇO DA IMAGEM" pelo endereço da imagem hospedada!
::: Usando uma figura que se repete no fundo
Se você irá usar no fundo do seu blog uma imagem que possui figuras que se repetem, pode usá-la em tamanho pequeno, que se repetirá lado a lado formando uma imagem só de fundo. Então use o seguinte código ao invés do mencionado acima:
background: url(ENDEREÇO DA IMAGEM) background-position: left top;
background-repeat; - para repetir na horizontal e vertical.
background-repeat: repeat-y; - para repetir na vertical
background-repeat: repeat-x; - para repetir na horizontal.
ATENÇÃO: Deixe apenas uma linha das que estão em vermelho para que funcione a repetição da imagem.
((•)) NÃO SABE LER? CLICA AQUI USHUSHU

0 comentários:

Postar um comentário

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t

Related Posts with Thumbnails