Dicas para blogger

 Mudar template do blogger



Passo 1: escolher um template em XML próprio para o Blogger

Passo 2: salvá-lo no seu HD

Passo 3: fazer login no Blogger, entrar em design e depois em editar html

Passo 3: clicar em arquivo ( fig 1) e encontrar o template dentro do HD (fig 2)

Passo 4: anexar o arquivo XML e clicar em fazer upload (fig 3)

Passo 5: aceitar a perda dos widgets

Passo 6: salvar

SITE PARA BAIXAR TEMPLATES













 MUDAR IMAGEM DE FUNDO PARA O BLOGGER

- Procure a imagem que lhe interesse e baixe no seu computador2 - Acesse o PICASAWEB [nele estão todas as imagens do seu blog, não delete nada!!!]

3 - Clique no álbum em que estão as imagens do seu blog [geralmente o álbum possui o mesmo nome que o blog]

4 - Clique em "Adicionar fotos"

5 - Selecione a imagem que está em seu computador e clique em "Iniciar Upload".

...No navegador Firefox
6 -Acesse a imagem que você hospedou no Picasa. Clique sobre a imagem com o botão direito do mouse e clique em "Exibir imagem". [Obs: Existe um campo chamado Link para esta imagem, este link não funciona no blog]

7 - A imagem será mostrada sozinha no seu browser. Copie a url que está na barra de endereço do seu browser. Esta imagem será usada no código abaixo em ENDEREÇO DA IMGEM.

...no Internet Explorer 
Clique sobre a imagem com o botão direito do mouse e selecione PROPRIEDADE DA IMAGEM. Na janelinha que abriu, copie o URL da imagem.

No Blogger

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.


Mais opções para a imagem

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;

|