domingo, 26 de abril de 2009

Blog com fundo fixo

Postando minha contribuição ao Movimento Blog Voluntário.


Algumas pessoas tem me perguntado como ter um blog com fundo fixo.

Modelo AQUI.

Bom... Fui à pesquisa e com a ajuda da amiga Kátia Villar aprendi como fazer e estou ensinando aqui.


1º Passo: Acesse o Painel de seu blog e clique em Layout.



2º Passo: Em Layout clique em Escolher novo modelo e escolha Minima. Após clique em Salvar Modelo.



3º Passo: Agora clique em Editar HTML.



4º Passo: Dentro do HTML procure por body.



5º Passo: Abaixo de "background:$bgcolor;" insira o seguinte código

background-image:url(ENDEREÇO DA IMAGEM);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;

Vai ficar assim:


6º Passo: Hospede o seu Back (layout de fundo) na internet e coloque o endereço gerado onde diz "ENDEREÇO DA IMAGEM" na figura acima. Clique em visualizar, para ver se está tudo ok e depois em Salvar Modelo.



Prontinho!!!
Seu blog está com um fundo fixo!!!
Qualquer coisa, é só deixar um recadinho!!!
Se souber estarei ajudando!!!
Beijos!!!
Joanirse

18 comentários:

disse...

Oi lindinha!!! Vc sempre evoluindo, né... Estou sempre aprendendo com vc!!! Um domingo bem gostosinho... bjsssss

εïз εïз Essencia Feminina εïз εïз disse...

Jo

Miga...mais um aprendizado..rsrs
Mas,olha me tira uma duvida..basic...rs
este tuto e pra mudar o fundo do nosso blogger com q.q imagem que queremos ?
desculpe a falta de conhecimento,mas to querendo muito mudar o meu e colocar...claro umas borboletas.rsrs mas tenho receios de mudar e estragar td...
depois vc me responde,ok ?

Doces Beijos

Otimo domingo

Doce Essencia

Testes da Essencia disse...

Jooooooooooo

eu criei um blogger de teste =)
Mas,acontece que nao sei como e onde hospedar o Back.
O que seria isso ?
Helppppp...rs
Outro coisa : Qdo eu copio e colo essa parte :

***background-image:url(ENDEREÇO DA IMAGEM);***
( onde ta o endereço da imagem eu coloco entre parenteses ou nao precisa ? E essa url eu deixou o tiro ?)

Pfv,Jo,sei que vc ta na correria,mas helpppp..rs
A imagem,de plano de fundo,pode ser em gif ou tem que ser em jpg ?
Brigadinha miga

Doces Beijos

Doce Essencia

Joanirse disse...

Oi Essencia!!!

Siga os passos 4 e 5 desse tutorial para hospedar a imagem.(http://dicasetutoriaisjojo.blogspot.com/2009/04/imagens-em-janela-rolante.html).
Só que em vez de copiar o código indicado no passo 5, copie o código do meio!!!

Beijos!!!
Joanirse

Testes da Essencia disse...

Jo
Graças a vc...deu certinho...brigadinha miga...mas acontece que tenho outra duvida :

que tamanho tenho que usar pra deixar o fundo por completo ?
eu coloquei la uma imagem de fundo,mas ta pequena,tenho que mexer na altura e largura ?
Onde seria isso ?
To perando...rs

Testes da Essencia disse...

Jooooooooo
Migaaaaaaaaaaaaa
Conseguiiiiiiiiiiii...rsrs
Miga,ficou lindinho,viu,eu peguei esse plano de fundo no blogger da miga Gaby,salvei o plano dela e consegui nas medidas que ele tem...
2000x1000
Eu te mandei um e-mail,antes de conseguir criar o novo plano de fundo...rs
Mas,ainda ta valendo as coisas que perguntei...rs

Doces Beijos

Doce Essencia

Testes da Essencia disse...

Jo

Agora aprendi msm..rsrs
Graças a vc e as tuas dica PE-TA-CU-LAR !!!!
Eu criei tb a janela rolante,mas ainda nao ficou como eu queria,penei,viu...hehe
Mas,com certeza vou aprendendo...rs
Depois vc da uma passada e me diz o que achou.

Doces Beijos
E obrigada mais uma vez !

Doce Essencia

disse...

Passando pra agradecer, se fui eu, perdoe... nem lembro, mas sei que vc correu atrás pra quem pediu!!! O que pedi foi o efeito do mouse... lembra??? Bjssss

♥ Paulinha ♥ disse...

Amei esse seu blog... tem mt dica legal pra quem tá começando agora como eu por exemplo rsrsrsrs
parabéns pelo trabalho
bjssssssss

Ka Dismal disse...

Miga!
Usei tua dica para meu novo blog e ficou perfeito!
Brigaduuuuuuuuuuuuuuuuu!

OD Box disse...

oi, eu preciso de uma ajuda... como eu faço um fundo fixo? queria fazer um com a logo da empresa, mas nao consigo... qual o tamanho ideial? por favor... pode me ajudar? desde ja muito obrigada.

Bruno Oliveira disse...

Muito bom o post, parabéns!

Denki disse...

otima dica
parabéns

Vavá Afiouni disse...

Olá, tenho uma dúvida, preciso de ajuda. Segui todos os passos aqui descritos pra colocar uma imagem fixa de fundo, mas ela, mesmo já redimensionada, fica invariavelmente pequeniníssima no fundo. O que eu faço para que ela preencha a tela por inteiro?
Obrigado.

Joanirse disse...

Vavá...
Qual o tamanho de sua imagem?

olga porto govoni disse...

Valeu pelo ótimo tutorial!!
Minha dúvida é que não sei as medidas do background do blogger para eu mesma poder criar um fundo e tbém onde hospedar...
Obrigada e parabéns!

Nauan disse...

Vlw amiga!!!! http://rnplayfilmes.blogspot.com/

Plexo disse...

valew!

Postar um comentário