Artikel Spesial Game Mobile Legends, Tips and Trick, Event dan lainnya.

Cara mudah membuat signature email dengan HTML

Bagikan Artikel ini Geengs!
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

AZLEWS.com — Hi blogger, pembaca, penulis, atau pencari solusi sekaliaan ^^

kali ini azLews akan memberi tips, trik Cara mudah membuat signature email dengan HTML GRATIS.. Tiizz tiizzz tizzzzz hehee

gak diing koneksi inetnya mah tetep pasti harus bayar, listriknya juga šŸ˜€

Baca Juga: Notifikasi ringtone Hape om Telolet Om

OkeehĀ langsung ajah ke trik cara pembuatannya, tapi sebelumnya ide, source code, beserta gambar logo nya saya ambilĀ dari free create signature HTML di situs-situs yang memberikan free source ituh cuma sebulan setelah itu harus bayar :pĀ tapi tenang karna trik tutorial saya ini gratis, hehee

Sejatinya yang berbayar dari mereka itu adalah gambar image yang di letakkan di server/hosting sehingga bisa di panggil dari signature HTML email yang kita buat, naah biasanya dari mereka kalo habis trialnya maka logo, gambar nya dialihkan ke folder lain jadi di signature email kita gambar-gambarnya pada ilang bin gak bagus, berikut ini penampakan signature HTML punyaĀ azLewsĀ ^^

 

 

Cara pembuatannya gampang sih sebenernya kalo buat yang awam, begitupun end user.

  1. cukup CoPas kode HTML azLewsĀ di bawah ini
<table style="max-width: 400px; font-size: 9pt; font-family: comic sans ms; color: #000000;">
    <tbody>
        <tr>
           <td valign="top" style="padding-left: 10px; font-family: comic sans ms;">
                <div style="margin-bottom: 10px;">
                                        Best Regards,
                                        <br></br>
<br></br>
<br></br>
                    <b>Zulfahmi</b>
                    <br>
                    <b><i>Datacenter and Office Support</i></b>
                </div>                 
                <div>
                    <div style="margin-bottom: 3px; margin-right: 3px; display: inline-block;"><img width="30" height="30" src="http://download.azlews.com/microDriver/file/mobile.png" alt="mobile" style="border:none;"></div> <a href="#" style="color: #193ee6;text-decoration:none;"><span style="color: #193ee6">021-5269312</span></a>
                </div>
                <div>
                    <div style="margin-bottom: 3px; margin-right: 3px; display: inline-block;"><img width="30" height="30" src="http://download.azlews.com/microDriver/file/phone.png" alt="office" style="border:none;"></div> <a href="#" style="color: #193ee6;text-decoration:none;"><span style="color: #193ee6">021-5269311</span></a>
                </div>
                <div>                 
                </div>  
                <div>               
      <a href="#fahmi@masterweb.com" target="_blank" style="margin-bottom: 4px; margin-right: 4px; display: inline-block; text-decoration: none;"><img width="30" height="30" src="http://download.azlews.com/microDriver/file/email.png" alt="email" style="border:none;"></a>
         <a href="mailto:fahmi@masterweb.com" style="color: #193ee6; text-decoration:none;"><span style="color: #193ee6; text-decoration:none;">fahmi@masterweb.com</span></a>
          </div>
  <div>
         <a href="azlews.com" target="_blank" style="margin-bottom: 4px; margin-right: 4px; display: inline-block; text-decoration: none;"><img width="30" height="30" src="http://download.azlews.com/microDriver/file/website.png" alt="website" style="border:none;"></a>
          <a href="http://azlews.com" target="_blank" style="color: #193ee6; text-decoration:none;"><span style="color: #193ee6; text-decoration:none;">azlews.com</span></a>
          </div>
   <div style="margin-bottom: 10px;">
                    <b>PT. Masterweb Network</b>
                    <br>
                    <span style="colour:#000000">Gedung Cyber 1 Lantai 10, Jl. Kuningan Barat No. 8 Jakarta<br/>Jakarta, Indonesia</span>
                </div>
  <table style="margin-top: 10px;max-width: 400px; font-size: 8pt; font-family: tahoma; color: #000000;">
                    <tbody>
                        <tr>
                            <td style="padding-right:4px;padding-bottom:4px;"><a href="https://www.facebook.com/komputer.klinik/" target="_blank" style=" display: inline-block; text-decoration: none;"><img width="30" height="30" src="http://download.azlews.com/microDriver/file/facebook.png" alt="Facebook" style="border:none;"></a></td>
                            
                            <td style="padding-right:4px;padding-bottom:4px;"><a href="https://linkedin.com/in/zulfahmi-zulfahmi-17125166" target="_blank" style=" display: inline-block; text-decoration: none;"><img width="30" height="30" src="http://download.azlews.com/microDriver/file/linkedin.png" alt="LinkedIn" style="border:none;"></a></td>
               </tr>
                    </tbody>
                </table>
          </td>
  </tr>
   <tr>
       <td colspan="2" style="padding: 10px; color: #aaa; font-family: comic sans ms;">
                2016 &copy;Azlews Design. All Rights Reserved
            </td>
        </tr>
  </tbody>
</table>

2. nah setelah CoPas kode HTML tersebut, saya merekomendasikan biar enak diliat dan gampang di editnya sobat bisa install notepad++ atau Kwrite jika anda pengguna linux seperti saya, disana kode HTML nya jelas lebih “berwarna” šŸ™‚

3. Kalau memang tidak mau capek dan it’s ok terlihat “tidak berwarna” bisa menggunakan notepad biasa bawaan windows atau Ms. Word. Jika sudah sobat bisa edit/ctrl+F mengganti-ganti nama saya, alamat, nama PT dan lain sebagainya sesuaikan kondisi dan penamaan dari sisi sobat

4. SELESAIĀ deh silahkan coba hasil yang sudah di edit dan disesuaikan dengan nama sobat, CoPas ke dalam signature thunderbird/outlook nya tapi jangan lupa buat ceklis/centang “using signature HTML” nya yaah

 

Penjelasan dari gambar diatas, bahwa logo website, phone, dan androidnya dipanggil dari server hosting saya berada jadi kalo semisal sobat mau menggunakan logo atau gambar yang lain bisa kontak atau email saya beserta gambarnya yang ingin di upload nanti akan saya balas untuk url gambar anda tersebut, tenaang free kok asal gambarnya jangan 13Gb aja šŸ™‚

Baca Juga : Kuliner Review yang terhits

Untuk pengeditan source code diatas atau ingin custom dengan semisal ditambahkan banner perusahaan sobatĀ diatas atau disampingnya juga bisa email atau kontak saya.

 

Well, mungkin segitu dulu trik kerenĀ bin simple membuat signature email dengan HTML dari saya hope thats so usefull for you šŸ™‚

see u on my next post~

 

 



Tinggalkan Komen Geengs


%d bloggers like this: