Panduan praktik terbaik untuk pesan email mengatakan bahwa setiap pengguna harus memiliki tanda tangan. Terlepas dari apakah itu alamat email pribadi atau akun email bisnis. Dalam tutorial di bawah ini Anda akan melihat cara membuat tanda tangan HTML dengan gambar untuk Outlook atau untuk layanan/aplikasi email lain yang menerima kode HTML.
Jika untuk akun pribadi cukup salam penutup, diikuti dengan nomor telepon dan alamat email, untuk akun bisnis sering diminta agar logo perusahaan dicantumkan dalam tanda tangan pesan email , foto dari koresponden atau bahkan spanduk dengan promosi dan penawaran.
Cara membuat tanda tangan HTML dengan gambar untuk Outlook
Untuk membuat tanda tangan email untuk Outlook (atau untuk klien email lain) di mana terdapat elemen yang disesuaikan seperti: jenis font, warna, format dan ukuran font, gambar yang disisipkan, perlu membuat kode HTML dari tanda tangan.
Di bawah ini Anda memiliki template kode untuk tanda tangan HTML dengan gambar. Anda dapat mengubah kode ini dengan data yang diberikan, lalu menyalinnya ke tanda tangan alamat email.
<html>
<head>
<style>
.signature {
font-family: Arial, sans-serif;
font-size: 12px;
color: #333;
}
</style>
</head>
<body>
<table>
<tr>
<td valign="top">
<img src="image_url.jpg" alt="Your Name" height="100" width="100">
</td>
<td valign="top" class="signature">
<p>
Your Name<br>
Job Title<br>
Company Name<br>
Email: <a href="mailto:your.email@example.com">your.email@example.com</a><br>
Phone: (555) 555-5555
</p>
</td>
</tr>
</table>
</body>
</html>
Sebaiknya gambar dihosting di server web dari mana gambar dapat disajikan kepada penerima. Artinya jika gambar dari tanda tangan di email tidak terlihat, yang <img src="image_url.jpg"... Anda harus menunjukkan alamat web dari gambar tersebut.
Kode HTML cukup intuitif dan jika Anda bermain dengan nilai, Anda akan mendapatkan perubahan yang diinginkan. Anda dapat mengubah ukuran tulisan pada tanda tangan, dimensi dan posisi gambar, atau elemen lainnya.
Contoh:
<img src="https://yourdomain.tld/image_url.jpg" alt="Your Name" height="100" width="100">Tanda tangan dapat digunakan baik di Outlook ketika di aplikasi email lain atau layanan online. gmail, Webmail, yahoo, iCloud.com, Roundcube atau lainnya.
