quarta-feira

Tutorial - photo blog - Script - html - COMO COLOCAR IMAGEM DE FUNDO no Blog

Photo Sharing and Video Hosting at Photobucket

O que é necessário para colocar uma imagem de fundo no BLOG

1. Em primeiro lugar é preciso criar ou encontrar uma imagem que se goste e contenha as dimensões requeridas para aplicação de fundo. Eu escolhi esta imagem a seguir.



Imagem que vamos usar como fundo neste tutorial


2. Este é o LINK da imagem que vamos usar neste Tutorial:
http://i828.photobucket.com/albums/zz210/saberdoser/Blogs/depresso.jpg



3. A seguir está o código de HTML para colocar no Blog. Terá de colocar neste código o LINK da Imagem que quiser colocar como fundo.

Código HTML
<style type="text/css">body {background-image: url( COLOCAR AQUI LINK DA IMAGEM ); background-position: center; background-repeat: no-repeat; background-attachment: fixed;}</style>>

4. Colocar o LINK da imagem que escolher, no código HTML, dentro dos parentesis ( ) onde diz LINK da IMAGEM.


Código HTML já com o LINK da Imagem.
<style type="text/css">body {background-image: url( http://i828.photobucket.com/albums/zz210/saberdoser/Blogs/estetica/fundo-estetica1.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed;}</style>


Para ver o resultado final visitem a página

http://www.cureasuadepressao.blogspot.com/


Photo Sharing and Video Hosting at Photobucket

Tutorial PASSO a PASSO para aplicar o código no BLOG

ONDE COLOCAR O CÓDIGO para conseguir inserir a imagem no blog?

Este procedimento pode ter outras formas de realização mas eu normalmente eu coloco este código nos elementos do esquema do blog...mais propriamente no "footer"...crio um elemento de HTML e aplico o código, gravo e pronto. está criado o fundo.




1. Seleccionar o separador "Esquema".
2. No separador "esquema" seleccionar "Elementos de Página"

Photobucket

Photo Sharing and Video Hosting at Photobucket


3. Seleccionar "adicionar miniaplicação".
4. Adicionar um "Elemento de HTML/JavaScript"

Photobucket

Photo Sharing and Video Hosting at Photobucket

5. "Colar" o código HTML e
6. Seleccionar "GUARDAR"

Photobucket
Photo Sharing and Video Hosting at Photobucket

7. Seleccionar "Guardar" de novo mas agora para validar as alterações gerais do Blog.
8. E por último clicar em "VER BLOG" para ver as alterações realizadas no Blog.

Photobucket

PARABÉNS neste momento a tua página já tem um novo Fundo.


Podes agora criar os teus próprios fundos

Photo Sharing and Video Hosting at Photobucket

4 comentários:

  1. Super útil! Adorei!!

    Espero sua visitinha e algumas dicas!!

    http://dani-brincandoeaprendendo.blogspot.com/

    ResponderEliminar
  2. eu tenho uma pergunta muitu itiu que muitas pessoas devem ter esi meu msm poblema^^

    tem como mudar a imagem do download sen tirar o linck de download??

    ex:tem um monte de imagem de download cada imagem é diferente

    tendeu??

    kkk

    ResponderEliminar
  3. como coloco propaganda de minhas empresas amigas no meu blog

    ResponderEliminar