Trocar Imagem de Fundo do Blog

1 - Abra a aba "Layout" do blog no "Painel" e clique em Editar HTML do blog, procure o código:  

body {
    background-color: $bgcolor;
    margin: 0px;
    padding: 0px;
    font: $bodyfont;
    color: $textcolor;
    }

Ele fica logo no começo do código HTML do seu blog, abaixo das variáveis do blog (lembrando que o código pode estar diferente do mencionado acima, porém se estiver depois de BODY, é esse mesmo!).

2 - Substitua todo o código acima por este aqui:

body {
    background: url (ENDEREÇO DA IMAGEM) no-repeat left top;
    margin: 0px;
    padding: 0px;
    font: $bodyfont;
    color: $textcolor;
    }

3 - Substitua ENDEREÇO DA IMAGEM pelo endereço da sua imagem hospedada na internet.

VISUALIZE O TEMPLATE antes de Salvar, se estiver OK, SALVE.

Dominio Grátis

O Site www.dot.tk te dá um dominio grátis por anúncios que coloca em cima do blog

Entra e Aproveita

Como Colocar avisos em seu blog!( aqueles acima do cabeçalho, ou onde vc quiser)

Voce deve ter visto os avisos acima do flash no Blog né! Então este tutorial ensina á colocar os avisos em seu blog!

Clique na imagem abaixo para fazer o download:

Mudar imagem que fica acima do Widget

Hoje o Blog do Fael traz uma grande postagem que é duvida de vários blogueiros: Como mudar aquela imagemzinha que fica em cima do widget tipo akela do BDF que fica em diagonal acima de todos widgets do Nosso Blog(Blog do Fael) então toma aí:

Primeiramente eu te recomendo que baixe o template do nosso blog clicando na seguinte imagem

Depois de baixar o template vá em design no blogger, editar html e  proucure http://www.divshare.com/img/11444955-263 e crie uma imagem 210x27 em algum programa, hospede-a e depois troque esse link divshare pelo seu link e pronto, simples néé, só o Blog do Fael pra ensinar fácil assim e lembrado q o link do cabeçalho tbm é divshare se vc quiser ficar com o template!

Criar enquete para seu blog/site

Descricão: Estou postando uma Tutorial de como criar uma enquete para seu Blog/Site. Segui a tutorial abaixo

1- Primeiramente clique aqui!


2- Clique em ''Inscrever-se''


2- Complete com as informacões que o site pede.


3- Depois Clique em ''Clique aqui'' para criar sua Sondagem ( Enquete )


4- Depois complete com modelo da Enquete, Pergunta e respostas ..


5- Depois copie o codigo HTML que o site ira passar e cole em seu Site.

Personalizar Blog sem códigos

Hje o Blog do Fael vem ensinar à personalizar o Blog mesmo sem saber usar códigos e mais. Não fica mil estrelas mas você pode ter um layout muito interessante para seu BLOG. Vamos ensinar:
1º Passo: Entre no seguinte site: http://draft.blogger.com/ 
2º Passo: Faça login normalmente como se estivesse entrando no Blogger.com.
3º Passo: Seu painel vai aparecer como se estivesse no Blogger comum. 
4º Passo: Clique em Layout e abrirá a tela normalmente. 
5º Passo: Agora você verá a diferença entre o BLOGGER Comun e o Draft. Fça como mostra a img a seguir:

6º Passo: Após clicar no Link no menu escrito design de Modelo e após isso você terá inúmeras opções para poder mudar no Blog com a Pré-Visualização abaixo! 
7º Passo: Após isso você saberá como mecher no menu como trocar fundo, add colunas e muito mais.
OBS: Alguns templates não dão para mudar o fundo!

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.


Se sua imagem não está hospedada na internet, hospede ela no PICASA.

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 {
    background-color: $bgcolor;
    margin: 0px;
    padding: 0px;
    font: $bodyfont;
    color: $textcolor;
    }

Ele fica logo no começo do código, abaixo das variáveis do blog (lembrando que o código pode estar diferente do mencionado acima, porém se estiver depois de BODY, é esse mesmo!

Substitua todo o código acima por este aqui:

body {
    background: url (ENDEREÇO DA IMAGEM) no-repeat left top;
    margin: 0px;
    padding: 0px;
    font: $bodyfont;
    color: $textcolor;
    }

Substitua ENDEREÇO DA IMAGEM pelo endereço da sua imagem hospedada na internet.

Uma coisa importante que você deve ficar atento é na hora de utilizar a imagem da internet. Geralmente busca-se no Google, clica na imagem, exibe ela e copia o endereço, maaass isso está errado! Essa imagem está hospedada em algum lugar e você estará roubando a banda [?] de onde esta imagem está hospedada [ele não vai gostar nada disso!]. Para não ter este problema, acesse o Picasa Web e hospede sua imagem, você utiliza sua conta Google para acessar.

VISUALIZE O TEMPLATE antes de Salvar, se estiver OK, SALVE.

::: Mais opções

Algumas configurações, dependendo do tipo de imagem que você estiver usando. Se desejar uma das opções abaixo, basta substituir a linha  "background: url (ENDEREÇO DA IMAGEM) no-repeat left top;" pela mencionada abaixo.

1 - Imagem fica centralizada e não se repete:

background: url(ENDEREÇO DA IMAGEM) top center no-repeat;

2 - Imagem fica no canto direito da página e não se repete:

background: url(ENDEREÇO DA IMAGEM) top left no-repeat;

3 - Imagem fica fixa, centralizada, não se repete e não rola junto com a página:

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

4 - Imagem se repete por inteiro na página:

background: url(ENDEREÇO DA IMAGEM) repeat;

5 - Imagem se repete de cima pra baixo:

background: url(ENDEREÇO DA IMAGEM) repeat-y;

6 - Imagem se repete da esquerda pra direita:

background: url(ENDEREÇO DA IMAGEM) repeat-x;

Pra finalizar, imagem que fica com uma distância do topo e da lateral (pode ser usado para ajustar o fundo com o conteúdo que está na frente, porém ficará um espaço vazio...use a criatividade!

background: url(ENDEREÇO DA IMAGEM) x-% y-% no-repeat top;

É isso aí galera! Espero que ajude!