Teknik Branding dengan Membuat Signature pada Email

Teknik Branding dengan Membuat Signature pada Email, sebenarnya dah lama mau posting ini, karena Gee dulu sempet bingung cara buat signature tapi yang menarik, masalahnya di settingan email biasanya signature hanya berupa string atau integer tidak ada style, ternyata setelah cari-cari cukup gampang dan mudah sobat gee, nah kali ini gee mau berbagi cara membuat signature, sebagai sample saya akan berikan contoh signature yang sudah gee buat untuk signature pada email gee, jika kamu ngerti css sebenarnya lebih enak karena tekniknya menggunakan css tapi secara inline, nah berikut potongan code scriptnya :

<div style="width:380px;height:120px;font-size:12px">
 <div style="font-family:helvetica;float:left;width:100px;height:120px;overflow:hidden;padding-right:25px;border-right-width:1px;border-right-style:solid;border-right-color:rgb(238,238,238)">
  <img style="width:110px;height:110px;border:3px solid #fafafa" src="masukan disiniurl gambar kamu" alt="gee picture">
 </div>
 
 <div style="float:left;border-left-width:1px;border-left-style:solid;border-left-color:rgb(170,170,170);width:230px;height:120px">
  <div style="padding-left:20px;padding-top:5px"><font face="comic sans ms, sans-serif" color="#ff9900"><b>
   Nama Kamu</b></font><br><font face="arial, helvetica, sans-serif"><i>
   Tagline branding kamu<br>
   Blog : <a href="url Blog kamu" style="font-size:14px;text-decoration:none;font-weight:bold" target="_blank">Url Blog Kamu</a><br>
   Phone: +62 813 865 605 80</i></font><br><font face="helvetica">
    </font><br>
   <a href="URL FACEBOOK" style="font-family:helvetica;float:left;margin-right:10px" target="_blank"><img src="http://ct1.addthis.com/static/r07/images000/follow/png/24/facebook.png" alt="facebook"></a>
   <a href="URL TWITTER" style="font-family:helvetica;float:left;margin-right:10px" target="_blank"><img src="http://ct1.addthis.com/static/r07/images000/follow/png/24/twitter.png" alt="twitter"></a>
   <a href="URL google plus" style="font-family:helvetica;float:left;margin-right:10px" target="_blank"><img src="http://ct1.addthis.com/static/r07/images000/follow/png/24/google_follow.png" alt="google plus"></a>
   <a href="URL LINKEDIN KAMU" style="font-family:helvetica;float:left;margin-right:10px" target="_blank"><img src="http://ct1.addthis.com/static/r07/images000/follow/png/24/linkedin.png" alt="google plus"></a>
  </div>
 </div>
</div>

Tinggal kamu rubah yang harus di ganti di script diatas, oh ya hasilnya kamu bisa lihat gambar diatas, kamu juga bisa bereksperimen sendiri sesuai template yang mau kamu buat, setelah jadi hasil script tadi kamu copas deh, oh ya copasnya di signature ya atau kamu bisa liat panduan di bawah ini, kita ambil contoh kasusnya GMAIL aja ya :

Klik icon gear di gmail kamu di sebelah kanan
Pilih setelan/setting
Pilih tab umum/general
Scroll ke bawah cari bagian tanda tangan / signature
Paste script yang sudah kamu buat
Selesai jadi deh.

Mungkin itu saja postingan trik kali ini mudah-mudahan akan tetap bisa berbagi melalui blog ini, silahkan komentarnya di tunggu.

Artikel sebelumnya : Tokobagus.com di akuisisi OLX