Adicionando legenda em imagens do seu Blog

terça-feira, 15 de junho de 2010

Adicionando legenda em imagens do seu Blog

Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.

Usar imagens no blog é indispensável para otimizar o seu layout, principalmente se forem colocadas no corpo de um artigo. É bastante comum utilizar legenda nas imagens que adiciona ao seu blog. É possível adicionar legenda as imagens que utiliza, principalmente se for no Blogger, que é possível adicionar apenas com alguns simples cliques.

Se você quiser adicionar legenda em imagens do Blogger, é possível adicionar automaticamente, sem fazer edições no código HTML. Caso queira adicionar em outras plataformas, ou em um widget, é preciso utilizar um código. Para melhor organizar este artigo, separarei-o em partes.

Adicionando legendas em artigos no Blogger:
Para adicionar legendas em imagens de artigos do Blogger, basta criar um novo artigo, usando o Blogger ou o Blogger in Draft, não funciona em editores de textos, como o Windows Live Writer. Adicione uma imagem ao corpo do artigo, a mesma imagem que deseja adicionar legenda. Clique nela e clique no link Adicionar legenda.

Substitua Adicionar legenda pela legenda que deseja adicionar na imagem. Após colocar sua legenda, termine sua postagem normalmente e publique-a.

Adicionando legendas via HTML:
Caso você utilize outros serviços para criação de blogs, ou deseja adicionar imagem com legenda em um widget na sidebar do blog, é preciso utilizar um código HTML. O código para obter uma imagem com legenda, é o seguinte:

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="URL_IMAGEM"/></td></tr>
<tr><td class="tr-caption" style="text-align: center;">LEGENDA</td></tr>
</tbody></table>

Substitua URL_IMAGEM pela URL de sua imagem, e LEGENDA pela legenda que deseja adicionar a ela. Para obter a URL de uma imagem, é preciso hospedá-la em um servidor. Recomendo o ImageShack, um ótimo site para hospedar suas imagens.

Outras dicas que podem ajudar na criação de seu blog:
   -> Erros "bX" no Blogger - Como resolver?
   -> 7 Dicas para manter seus visitantes bastante tempo em seu blog
   -> TweetMeme - Botão para divulgar o seu blog no Twitter

1 Comentário:

João disse...: Eu, particularmente, não gosto de legendas. Se for pra por coloco-a na imagem, num editor de imagens... Mas para quem prefere é um ótimo recurso.; 15 de junho de 2010 às 18:41

Postar um comentário

-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;

Se preferir, fale conosco pela página de CONTATO.

Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.