Como colocar fotos no blog (Blogger)

Por | Atualizado em 2015-03-21

Neste tutorial, iremos explicar como colocar as fotos no seu blog (Blogger). Tentaremos explicar de forma detalhada como colocar as suas fotos em zonas diferenciadas do blog.

Se você pretender criar uma imagem com um link para determinada página, poderá utilizar o nosso gerador online: Criar imagem com link – Gerador

Como colocar fotos no blog – Posts

Para adicionar uma foto no seu post, basta clicar no botão “Inserir imagem” e no separador “Carregar” clique em “Escolher ficheiros” – indique a localização das suas fotos e clique no botão “Adicionar Selecionadas”. A fotografia aparecerá automaticamente no seu post.

Você poderá posicionar a fotografia ao seu gosto, “arrastando” a imagem.

colocar fotos no blogspot blogger

Adicionar fotos ao blog

Para adicionar uma imagem de ao seu blog (por exemplo na barra lateral) basta aceder ao seu blog, clicar no “Separador” Design – Adicionar miniaplicação – Imagem – “Imagem – A partir do seu computador” e indique a localização das suas fotos.

Colocar fotos usando serviço de Hospedagem externo


Uma alternativa é usar serviços de hospedagem de imagens externo. Atualmente existem vários serviços gratuitos de qualidade. Você poderá consultar os melhores serviços na seguinte página: Melhores serviços para hospedar imagens. Neste exemplo, iremos utilizar o Tinypic.

Comece por aceder ao tinypic e clique no botão “Escolher ficheiro” – Selecionar a sua foto – “Upload” – digite o código de segurança – copie o código “Html for Websites”.

Para inserir a sua foto nos posts (utilizando o tinypic), basta abrir o post que deseja, clicar em “Editar Html” – colar o código da imagem (onde desejar) – clique em “Redigir”.

Para colocar a foto em outras zonas do seu blog, por exemplo, na barra lateral, basta clicar no separador “Design” – Adicionar mini-aplicação – “HTML/javascript” – colar o código da imagem – Guardar.

Como colocar fotos no blog

Como colocar fotos no blog – HTML (template)

Para inserir fotos no Html do seu blog terá de hospedar a imagem num serviço externo, por exemplo, o Tinypic (como já explicamos). Deverá alterar o código da imagem colocando o assim:

<img src="link da imagem" border="0" alt="texto que aparece caso o carregamento da imagem falhe"
title="texto que aparece quando passa o cursor em cima da imagem" />

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *