Como adicionar HTML na assinatura do Gmail

O editor rich text do Gmail nos permite a criação de uma assinatura bastante elaborada mas não nos possibilita editar diretamente o código HTML. Mas é possível contornar esse problema da seguinte maneira: crie a assinatura em um programa editor de HTML e salve com a extensão .html. Abra o documento salvo com o navegador de internet e selecione todo o conteúdo (Ctrl+A), copie e cole no editor rich text da assinatura do Gmail e clique em Salvar alterações. Abaixo temos um exemplo de uma assinatura com nome, local, telefone e alguns links de redes sociais.

Seu Nome
Sua Cidade - UF | Tel.: (55) 5555-5555
Blogger | Facebook | Flickr | Google+
Last.fm | Panoramio | Twitter | YouTube

Este é um exemplo simples mas contém alguns detalhes que não podem ser feitos no editor de texto rich text do Gmail, como texto alternativo na imagem e títulos nos links. Coloque o cursor sobre os links e veja.

Por segurança, hospede sua foto em um site que oferece SSL Protocol. O SSLpic é um bom exemplo.

Abaixo, o código HTML do exemplo de assinatura mostrado acima. Procure por # e substitua pelo URL da sua foto. Procure por mailto:seu_e-mail e substitua a parte destacada por seu endereço de e-mail. Edite os links das redes sociais, remova os links indesejados e adicione outros de acordo com sua preferência.

<div style="line-height: 110%;"> <a href="mailto:seu_e-mail" title="Enviar um e-mail para mim"><img alt="Sua Foto" height="76" src="#" style="clear: left; float: left; margin-bottom: 5px; margin-right: 5px;" width="76" /></a> <span style="font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 20px; font-weight: bold;">Seu Nome</span> <br /> <span style="font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 10px;">Sua Cidade - UF | Tel.: (55) 5555-5555 <br /> <a href="http://www.blogger.com/" target="_blank" title="Meu Perfil no Blogger">Blogger</a> | <a href="http://www.facebook.com/" target="_blank" title="Meu Perfil no Facebook">Facebook</a> | <a href="http://www.flickr.com/" target="_blank" title="Meu Perfil no Flickr">Flickr</a> | <a href="http://plus.google.com/" target="_blank" title="Meu Perfil no Google+">Google+</a> <br /> <a href="https://www.last.fm.com/" target="_blank" title="Meu Perfil na Last.fm">Last.fm</a> | <a href="http://www.panoramio.com/" target="_blank" title="Meu Perfil no Panoramio">Panoramio</a> | <a href="http://twitter.com/" target="_blank" title="Meu Perfil no Twitter">Twitter</a> | <a href="http://www.youtube.com/" target="_blank" title="Meu Canal no YouTube">YouTube</a></span> </div>

O autor
Juarez Pereira
Unaí - MG, Brasil
Visualizar meu perfil completo