Código para colocar fundo em seu blog

Como instalar os backgrounds para o Blogger



Para instalar os backgrounds e as headers para o Blogger que disponibilizo aqui em meu blog é bem fácil.

1- Primeiro...


escolha qual o back e qual a header que deseja colocar em seu blog.

2- Agora salve a imagem de fundo (background) e a imagem da header (cabeçalho) em seu PC, 


3-Feito isso, hospede a imagem de fundo em um site de sua preferência.







Fundo (beackground)

Agora, você deverá copiar o código abaixo, ir até "Elementos de página" e clicar em "Adicionar um novo Gadget".



<style type="text/css">body {background-image:url("AQUI O ENDEREÇO DA IMAGEM DE FUNDO"); background-position: center; background-repeat: repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://templateseacessorios.blogspot.com/search/label/Backgrounds%20para%20o%20Blogger/" target="_blank"><img border="0" src="http://img222.imageshack.us/img222/3620/bot.gif"/></a></div>






Feito isso, abrirá uma janela, clique então em "HTML/Javascript"








Agora, copie o código que estará abaixo do back que vc escolheu e cole-o aí. Substitua onde estiver escrito"AQUI O ENDEREÇO DA IMAGEM" pelo endereço da sua imagem já hospedada na net e salve.








Header (cabeçalho)


Para colocar a imagem de cabeçalho (header), vá até "Elementos de página" e clique em "Editar", que está junto ao nome de SEU blog.




Abrirá uma janela como essa abaixo. Clique em "Procurar"


Abrirá o browser de seu pc, procure a imagem da header que vc salvou e dê um clique sobre ela. Depois é só salvar e pronto.







fonte e créditos:
http://templateseacessorios.blogspot.com/
2009/06/como-instalar-os-backgrounds-
para-o.html



..." código para colocar fundo em seu blog"...


Vá até "Elementos de página", e abra um HTML/Javascript. Cole lá o código e insira o endereço da imagem. Salve e pronto.




Para a imagem se repetir:


<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>



Para a imagem não se repetir, o código é este:


<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>




fonte e créditos:
http://templateseacessorios.blogspot.com/
2009/04/codigo-para-colocar-fundo-em-seu-blog.
html






http://crieioras.blogspot.com  
contato:






Seu Nome:
Seu Email:
Assunto:
Mensagem:
Image (case-sensitive):

  Ou através de: Através de :

... Intensedebate ... Mensagens / Recados / Comentarios...







0 comentários:

Postar um comentário

Mensagem do formulário de comentário:
http://crieioras.blogspot.com

MENU/MAPA

MENU/MAPA clique
aqui
*
Image and video hosting by TinyPic

visitas

Total de visualizações de página

arquivados