Usando Imagens no Blog Blogger

Essa é uma dificuldade da maioria das pessoas, principalmente quando estão começando, mas que pode continuar complicando à medida que queremos usar recursos mais avançados e/ou melhoramos (e precisamos melhorar) a qualidade gráfica, visual, do layout de nossos blogs. No Blogger é relativamente simples usar imagens, mas tem seus segredos e é preciso conhecer um pouco de HTML, as vezes, para ter bons resultados. Temos uma lista de tutoriais para usar imagens no blog, para todos os níveis.

 

Já reunimos aqui alguns artigos e tutoriais para quem quer aprender mais sobre usar imagens em seu blog, seja dentro dos artigos ou na barra lateral. E também como criar imagens com programas gratuitos ou mesmo em sites de edição de imagens via web.

Saber editar e inserir imagens em seu blog é fundamental para ter um layout personalizável e também para manter uma boa aparência dos artigos, que não podem conter apenas textos. Assim, para começar, é preciso conhecer o código HTML que pode ser usado em qualquer parte do seu blog para inserir imagens.

 

<img src="http://URL_da_Imagem/nome_da_imagem.XXX" />

 

Basicamente é isso, mesmo tendo algumas variações e outras linhas para questões específicas. A única coisa que é preciso mudar aqui é o que está destacado de vermelho. A imagem precisa estar armazenada em algum Host, precisa estar hospedada em algum lugar na internet e tenha uma URL, um endereço de web.

Por isso, veja esses dois artigos a seguir para dar os primeiros passos. Neles temos a explicação e aplicabilidade do código mostrado assim e onde armazenar, onde fazer o upload de suas imagens na internet:

• Colocar Imagem na barra do Blog (ou em artigos)
• Armazenar Imagens na Internet – PicasaWeb

 

Recomendamos o PicasaWeb como local para colocar as suas imagens por dois motivos muito simples: 1) é Gratuito; 2) você já tem uma conta lá. Este é o local onde o Blogger coloca as imagens do seu blog e cria uma conta automática (com o mesmo login e senha do seu blog). Assim, você continua usando a mesma plataforma e não tem que procurar outro Host, nem pagar por este serviço.

 

Editando partes do seu blog.

Outras duas coisas são as mais procuradas por blogueiros para personalizar o layout, o Template de seus blogs: Como trocar a imagem do título, colocar imagens no cabeçalho do Blog e como trocar ou colocar imagens no fundo do blog (background). Não é complicado, mas é preciso paciência e testes. Por isso, a primeira coisa que recomendamos é aprender a fazer um backup do template de seu blog para evitar sustos:

• Backup do Modelo de Layout do Blog (esse artigo conta com um vídeo Tutorial)

 

Agora você pode partir para as modificações – veja os tutoriais específicos para cada um deles:

• Trocar Imagem de fundo do Blog – Background
• Imagem no Cabeçalho do blog

 

Programas e sites que podem te ajudar.

Para o caso de você querer criar imagens para o cabeçalho de seu blog, existe um programa que você pode baixar gratuitamente e é bem simples de usar para editar imagens especificamente para seu blog. Veja o link do download aqui e para saber mais sobre o programa:

• Criando Cabeçalho para o Blog

E para criar fundos (background) personalizados, existe esse site que faz todo o trabalho para você:

• http://www.backgroundlabs.com/ (está em inglês, mas é fácil de usar)

 

Existem outros sites que podem te ajudar a criar imagens para seu blog e recomendamos aqui vários deles. Esses sites podem ajudar especialmente quem não tem muita habilidade (como eu) com programas de edição:

• 10 sites para editar imagens on-line
• 70 Tutoriais para criar logotipo

 

Mesmo assim, existe uma alternativa para o sofisticado Photoshop, que é muito complicado para a maioria de nós e faz mais do que realmente precisamos no dia-a-dia de nossos blogs e sites. encontrei também um programa de edição de imagens, tão bom quanto, gratuito (free) e fácil de usar e aprender e que pode dar um ar mais profissional para as imagens que você quiser criar ou modificar:

• Editor de Imagens gratuito

 

Aprofundando um pouco mais.

E, para aqueles que depois quiserem se aventurar mais, temos aqui artigos para todos os gostos e tutoriais super práticos para suas imagens.

Vou dar destaque a um primeiro que considero importante no passo de inserção de imagens no blog. É possível otimizar essas imagens para serem encontradas pelos motores de busca (leia-se Google) e isso ajudar o seu blog a ter mais visitas também. São cuidados simples, mas muito úteis e importantes que fazem toda diferença a médio e longo prazo:

• Otimização de Imagens – SEO de Imagem

 

E os nossos artigos mais populares sobre uso de imagens no blog.

Para quem quiser usar imagens de um jeito diferente, aqui temos algumas opções que incluem imagens rotativas, letreiros, entre outras coisas:

• Trocando imagens automaticamente
• Imagens rotativas
• Imagem móvel
• Imagem flutuante

 

E alguns tutoriais para ajudar a personalizar seu Layout.

• Foto dos autores no título dos posts
• Imagem ao lado do titulo dos posts
• Imagem no Postagem Recente ou Antiga

 

Espero que isso mostre o caminho para alguns e facilite a busca por tutoriais aqui no [ Ferramentas Blog ]. Qualquer dúvida, entrem em contato.