Hospede imagens no seu Blog

Gente, descobri mais um truquezinho, e não podia deixar de compartilhar com vocês!

Se você assim como eu ainda não sabia deste truque, fique sabendo agora.

Algumas imagens, por serem grandes demais, tornam o carregamento da página um tanto lento, isso todo mundo sabe, né? 

Pois este problema pode ser contornado hospedando as imagens no seu próprio blog!

Veja como é simples.

Passo a passo

1. Pegue a imagem que você deseja obter um link, e post no seu Blog. Deixe a imagem como grande.

Veja o exemplo abaixo:

(se clicar em cima da imagem ela abre em outra página, maior)

 

2. Clique em Editar HTML e copie a url da imagem.

Veja o exemplo abaixo:

 (se clicar em cima da imagem ela abre em outra página, maior)

3. Salve como rascunho.

Simples, né pessoal?

De hoje em diante só vou fazer assim! rsrs...

 

Créditos:
Templates Novo Blogger

Mudando a imagem de fundo do seu Blog: Agora que já sabemos como fazer backup e as diversas posições da imagem...Vamos mudar o background do fundo do Blog.  Passo a passo: 

01. Hospede sua imagem. Eu uso sempre este site:  http://imageshack.us/

02. Entre no seu Blog, Layout e depois Editar HTML.

03. Dê um Ctrl+f e procure pela tag (código) body {

04. Abaixo dele procure pelo código: background: alguma coisa qualquer estará aqui;

05. Apague este código;

06. Agora copie este código abaixo e cole no lugar:
background: url("AQUI O ENDEREÇO DE SUA IMAGEM") repeat;
*Obviamente que onde está escrito AQUI O ENDEREÇO DE SUA IMAGEM deverá ser substituido pelo link de sua imagem, devidamente hospedada.

07. Visualize, para saber como ficou. Se estiver do seu agrado... Salve!




Importante: Não esqueça o ponto e vírgula, pois ele faz parte do código!




Créditos:
Templates e Acessorios

Posição da Imagem

Se você deseja alterar somente a cor, faça como no exemplo: background-color e coloque o código da cor (hexadecimal, como: #ffffff), ficando assim:

background-color: #ffffff;



Mas se deseja colocar Background com uma imagem:
background: url(url da imagem)   repeat;


A imagem escolhida para o fundo do template não precisa necessariamente se repetir indefinidamente. Você pode querer, por exemplo, que esta imagem seja fixa no topo do template. Veja as maneiras como você pode colocar imagem no background (isto vale para a definição de background de qualquer elemento da página, seja body, main, sidebar, etc)



repeat; repete por todo o elemento
repeat-y; repete na vertical
repeat-x; repete na horizontal
no-repeat; não repete



Quando for estipulado que a imagem NÃO deve se repetir é necessário informar em que posição ela deverá aparecer:

Exemplo:
background: url(url da imagem) no-repeat top left; (não repete e se apresenta no topo à esquerda)



A posição da imagem:

right (direita)
center (imagem centralizada horizontalmente)
left (imagem à esquerda)


Para que a imagem fique fixa ou role na tela:

fixed (imagem fica fixa na tela)
scroll (imagem rola com a tela)







Créditos:
Ferramentas Blog
Templates Novo Blog

Várias pessoas já me perguntaram como fazer para mudar o fundo do blog. Por isso resolvi explicar cada passo. Desde o Backup.   ImportanteAntes de qualquer alteração no template deve-se fazer uma cópia do seu modelo atual, para o caso de algo sair errado:


Para fazer Backup:
1. Vá até a conhecida janela do "Layout" e clique em "Editar HTML". Simples, né?

  

2. Agora, bem à sua frente, basta um clique sobre o link "Baixar modelo completo".




3. É como salvar qualquer arquivo que você faz downloads na internet. Escolha um local adequado em suas pastas de arquivos e salve. Você pode renomear o arquivo sem problemas. Prontinho, sua cópia está salva!  Assista ao vídeo abaixo para ver cada um dos passos acima sendo descritos.

Créditos:
Ferramentas Blog