12/01/2011

Como criar uma assinatura de e-mail HTML

Dá série “Assinaturas de e-mail Html”, eu vou fazer uma breve explicação do novo modelo de assinatura de e-mail para você adaptar e usar, profissionalmente e/ou pessoal.

Sim, eu adoro usar uma boa assinatura de e-mail personalizada, para enviar mensagens aos meu clientes, colaboradores e até mesmo pessoal. A Imagem que você transmite do seu negócio ao seu público é de extrema importância, e com uma mensagens bem escrita, e com uma assinatura personalizada profissional, faz toda a diferença.

Muitas pessoas precisam de assinaturas no formato “HTML” em seus clientes de e-mail, seja eles outlook, Mail, Thunderbird e outros, mas algumas não aparecem da maneira como foram planejadas.

Alguns dos motivos que eu escrevo esta publicação é, você já recebeu uma mensagem de e-mail e precisou ter os dados do seu contato e na hora de copiar o e-mail, telefone, nome entre outros dados, você se deparou com apenas uma imagem na assinatura, que fezz você ter que escrever (copiar) os dados de desejo do contato? Péssimo né! Por este motivo, escrevo esta dica, para seja acessível ao momento que você enviar uma mensagem de e-mail, os seus dados de seu contatos sejam acessíveis para quem recebe facilitando o dia-a-dia do destinatário e mostrar que a sua mensagem tem um nível profissional.

Neste primeiro modelo eu vou fornecer uma assinatura profissional para você usar no: Mail Mac OS, Outlook, Outlook Express e outros.

O modelo deste código pode ser visualizado nesta imagem abaixo e você vai precisa conhecer o básico da edição html para configurar a sua assinatura. Mais informações de como instalar e qual programa usar podem ser visualizadas aqui

Final


Pague com um Google+

Click +1 to Start Your Download!

Código Abaixo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<html>
<head>
<title>Assinaturas de E-mail html</title> 
<STYLE type="text/css">
TD {margin: 0px;padding: 0px;}
IMG {margin: 0px;padding: 0px;}
A.headline {TEXT-DECORATION: none;margin:;}
A.headline:link {TEXT-DECORATION: none;}
A.headline:visited {TEXT-DECORATION: none}
A.headline:hover {TEXT-DECORATION: underline;}
a: {margin: 0px;padding: 0px;}
</STYLE>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body bgcolor="#ffffff" topmargin="0" leftmargin="0" rightmargin="0">
<br>
 
<div style=" margin:20px 0 0 0; padding:0; border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #e9e9e9;"></div>
 
<div style="background-color:#ffffff; margin:20px 0 40px 0; padding-left:10px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;">
 
	<table style="margin-left:6px"  border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="left" valign="middle"><div align="left"><a href="http://www.graciolli.com" target="_blank"><img style="display:block" src="http://img.twisters.com.br/2013-logo-assinatura.png" alt="Visite o nosso site" border="0"/></a></div></td>
      <td align="left" valign="middle" style="padding-left:5px"><table style="margin-left:10px" border="0" cellspacing="2">
        <tr>
          <td rowspan="4" bgcolor="#DEDEDE">&nbsp;</td>
          <td width="10" rowspan="4">&nbsp;</td>
          <td><span style="DISPLAY: block; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: tahoma; font-weight:bold">marcelo graciolli</span></td>
        </tr>
        <tr>
          <td><span style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: arial; ">Internet & Marketing Consultant</span></td>
        </tr>
        <tr>
          <td><a href="mailto:seu@email.com" target="_blank" class=headline style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY:arial;">seu@email.com</a></td>
        </tr>
        <tr>
          <td><span style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: arial; ">+55 (11) 9 8178.3200</span></td>
        </tr>
      </table></td>
      <td align="left" valign="bottom" style="padding-left:5px">&nbsp;</td>
    </tr>
  </table>
  <br>
  <br>
<table style="margin-left:10px" border="0" cellspacing="2">
  <tr>
    <td bgcolor="#c1d961">&nbsp;</td>
    <td width="5" rowspan="2">&nbsp;</td>
    <td><span style="DISPLAY: block; FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: tahoma; font-weight:bold">redes sociais:</span></td>
    </tr>
  <tr>
    <td bgcolor="#d4d2a6">&nbsp;</td>
    <td valign="middle">
 
<a href="http://feeds.feedburner.com/marcelograciolli" target="_blank"><img src="http://img.twisters.com.br/icon-sing/rss.png" alt="Rss" border="0"/></a>
 
<a href="http://www.youtube.com/marcelograciolli" target="_blank"><img src="http://img.twisters.com.br/icon-sing/youtube.png" alt="Youtube" border="0"/></a>
 
<a href="https://www.facebook.com/GraciolliDotcom" target="_blank"><img src="http://img.twisters.com.br/icon-sing/facebook.png" alt="Facebook" border="0"/></a>
 
<a href="http://500px.com/photo/23799571/canvas" target="_blank"><img src="http://img.twisters.com.br/icon-sing/500px.png" alt="500px" border="0"/></a>
 
<a href="http://www.linkedin.com/in/marcelograciolli" target="_blank"><img src="http://img.twisters.com.br/icon-sing/linkedin.png" alt="IN" border="0"/></a>
 
<a href="https://twitter.com/GraciolliDotcom" target="_blank"><img src="http://img.twisters.com.br/icon-sing/twitter_bird.png" alt="Twitter" border="0"/></a>
 
<a href="http://about.me/graciolli" target="_blank"><img src="http://img.twisters.com.br/icon-sing/about_me.png" alt="Me" border="0"/></a>
 
<a href="http://www.flickr.com/photos/marcelograciolli/" target="_blank"><img src="http://img.twisters.com.br/icon-sing/flickr.png" alt="Flickr" border="0"/></a>
 
 
</td>
  </tr>
</table>
<br>
<br>
<table style="margin-left:10px" border="0" cellspacing="2">
  <tr>
    <td bgcolor="#c1d961">&nbsp;</td>
    <td width="5">&nbsp;</td>
    <td><span style="DISPLAY: block; FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: tahoma; font-weight:bold">voc&ecirc; pode se interessar em ler os seguintes arquivos:</span></td>
  </tr>
  <tr>
    <td bgcolor="#d4d2a6">&nbsp;</td>
    <td>&nbsp;</td>
    <td><A href="http://www.graciolli.com/5196/google-apps-como-configurar-o-seu-outlook-usando-protocolos-imap/" target="_blank" class=headline style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY:arial;">Como configurar o seu outlook usando protocolos IMap</A></td>
  </tr>
  <tr>
    <td bgcolor="#d4d2a6">&nbsp;</td>
    <td>&nbsp;</td>
    <td><A href="http://www.graciolli.com/5063/como-excluir-conta-do-facebook-veja-um-tutorial-em-5-rapidos-passos/" target="_blank" class=headline style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY:arial;">Como excluir conta do Facebook ñ Veja um tutorial em 5 r·pidos passos</A></td>
    </tr>
  <tr>
    <td bgcolor="#d4d2a6">&nbsp;</td>
    <td>&nbsp;</td>
    <td><A href="http://www.graciolli.com/3629/gravatar-o-que-e-como-criar-um-e-como-colocar-em-seu-blog/" target="_blank" class=headline style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY:arial;">Gravatar: O que È, como criar um e como colocar em seu Blog</A></td>
    </tr>
  <tr>
    <td bgcolor="#d4d2a6">&nbsp;</td>
    <td>&nbsp;</td>
    <td><A href="http://www.graciolli.com/4933/como-configurar-assinaturas-de-e-mail-html-no-outlook-windows-live-mail/" target="_blank" class=headline style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY:arial;">Como configurar assinaturas de e-mail Html no Outlook Windows Live Mail 2009, 2010 e 2011</A></td>
    </tr>
  <tr>
    <td bgcolor="#d4d2a6">&nbsp;</td>
    <td>&nbsp;</td>
    <td><A href="http://www.graciolli.com/2279/a-importancia-do-lider-nas-organizacoes/" target="_blank" class=headline style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY:arial;">A importancia do Lider nas organizaÁıes</A></td>
    </tr>
  <tr>
    <td bgcolor="#d4d2a6">&nbsp;</td>
    <td>&nbsp;</td>
    <td><A href="http://www.graciolli.com/category/como-fazer/" target="_blank" class=headline style="DISPLAY: block; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY:arial;">Ver mais...</A></td>
    </tr>
</table>
</div>
<div style=" margin:20px 0 0 0; padding:0; border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #e9e9e9;"></div><br>
</body>
</html>

Graciolli - Work can be what you do to generate income. But the concept can be different: work is also what you do to help people and do so well that people will pay for it.
FacebookTwitterLinked inYou TubeFlickr