Texto nas imagens quando passar o mouse - Comando "Title"

Com simples comandos nos códigos do blog, é possível melhorar alguns aspectos no layout. Alguns recursos são simples, mas podem ajudar algum blogueiro. Hoje, vim falar de um recurso um pouco simples, mas pode melhorar as imagens de seu blog, ajudando na identificação delas. Quando um leitor de seu blog passar o mouse por cima da imagem, um texto irá aparecer. É um recurso simples, porém, pode ser útil, principalmente em banners de parceiros.

Este comando adiciona um título na imagem, que, quando você manter o cursor do mouse sobre ela, um texto aparece, ou seja, o título da imagem. Podemos chamar também de "legenda". Adicionar este recurso as suas imagens é muito fácil e simples, porém, requer uma edição no código da imagem. Quando você adiciona uma imagem em seu blog, seja no layout ou no corpo de uma postagem, ela é formada por um código. O código, geralmente é assim:

<img src="URL_DA_IMAGEM" width="LARGURA" height="ALTURA"/>

Este é o código tradicional de uma simples imagem. O comando src indica a URL da imagem a ser exibida. Width e height definem a largura e altura da imagem. Para adicionar um título/legenda a imagem, basta adicionar mais um comando na tag, como indicado abaixo:

<img src="URL_DA_IMAGEM" title="TÍTULO" width="LARGURA" height="ALTURA"/>

Note que há um novo comando, o title, que agrega a imagem um texto que, quando mantemos o cursor do mouse sobre ela, pode ser visualizado. Note que, entre as aspas, está destacado em vermelho TÍTULO, que definirá o texto que aparecerá. Altere este texto destacado em vermelho para definir. Após finalizar a modificação, veja se o título foi adicionado corretamente a imagem. Caso não tenha acontecido nada, experimente modificar novamente, e verifique se o comando title foi adicionado corretamente.

Alguns posts que podem lhe ajudar:
   -> 6 Dicas para melhorar a qualidade de seus artigos
   -> É preciso gastar dinheiro para criar/manter um blog?
   -> Entendendo a taxa de rejeição de um blog