Outlook E-posta’larınıza İmza Eklemek

 
16 Beğeni
Böyle Kal!
[wp_ad_camp_1]

Daha şık ve göz alıcı mail atmak tabiki yeri geldiğinde çok önemli, madem ki öyle bende anlatayım dedim bu özelliği nasıl yaptığımızı;

Öncelikle maillerinizde html kullanıyorsanız spam’a düşmemek için uymamız gereken kurallarımız var nedir onlar listeleyelim.

    • Epostanın tamamını imajdan oluşturmayınız.
    • Tasarımlar <table> etiketleri kullanılarak yapılmalıdır

  • <head> kısmında CSS kodları bulunmamalıdır.
  • Gerekli tum css degiskenleri <td> lerin icine <td style=”font-family=”> {inline css} şeklinde verilmelidir.
  • Font olarak standart fontlar kullanılmalıdır
  • 18 Punto’dan büyük ve tam kırmızı #FF0000 yazılar kullanılmamalıdır.
  • Toplam kod 50 KB i geçmemelidir
  • İmaj/metin oranı % 50 ye yakın olacak şekilde ayarlanmalıdır

 

Tasarımda dikkat edilmesi gerekenler

  • Tasarım genişliği 700 pikseli geçmemelidir.
  • 400 pikselden geniş imajlar ikiye bölünmeli ve tablolarla birleştirilmeli.
  • “Üyelik bilgilerini güncellemek veya üyelikten çıkmak icin tıklayın” linki mümkün olduğunca tasarımın en üst bölümlerinde kullanılmalı ve bülteni almak istemeyen kullanıcıların “Report Spam” buttonunu kullanmaları önlenmelidir.
  • Tasarımda kullanılan imajlarin toplam büyüklüğü 150KB i geçmemelidir
  • Imajların üzerinde metin bulunması halinde bu metinleri imajlarin alt=”” alanlarına yazmanız faydalı olacaktır

Bu bilgileri öğrendikten sonra gelelim html kodlarımıza önce ön izlemesini ekliym;

outlook imza ekleme

<div style="border:1px dotted #333; padding:5px; width:400px; ">
<table width="400" cellspacing="5" cellpadding="5">
 <tr>
 <td width="101" height="80" valign="top"><img src="example-logo.png" width="101" height="52" alt="company"></td>
 <td width="262" valign="top"><span style="font: 13px verdana; font-weight:bold; color:#06C";>Hakan ARSLAN</span><br>
 <span style="font: 10px verdana; font-weight:bold; color:#06C";>Yaptığım işin tanımı</span>
 <span style="font: 10px verdana; font-weight:bold; color:#666";><br><br>mail@mail.com <br > (0212) 111 1111</span>
 </td>
 </tr>
 <tr>
 <td colspan="2" valign="middle"><img src="cevreci.png" width="38" height="38" alt="cevre">
 <span style="font: 8px verdana; color:#06C";>Ağaçlarımızı Koruyalım, Lütfen Gerekmedikçe Bu Sayfayı Yazdırmayın.</span></td>
 </tr>
</table>
</div>

Yukarıda örnek olarak hazırladımğım imzanın kod ve görselini gördünüz şimdi yapmamız gereken outlook üzerinden bir imza oluşturmak ve bu html dosyası ile içerisinde ki çağırdığımız resimleri outlook’un imza klasörüne atmak, sırayla yapalım.

Öncelikle imza oluşturalım (outlook 2010 için anlatıyorum)

Dosya-> Seçenekler -> Posta ->İmzalar

sekmesinden yeni butonuna tıklıyoruz imzamıza bir isim veriyoruz tamam butonuna bastıkdan sonra tekrar tamam diyerek pencereyi kapatıyoruz, imzamızı oluşturduk.

Ardından “C:\Users\Kullanıcı Adı\AppData\Roaming\Microsoft\Signatures” klasörüne gidiyoruz orada bizim için outlook imzaya verdiğimiz isimde bir outlook dosyası oluşturmuş oluyor onu siliyoruz kendi html dosyamızın adını aynı şekilde değiştirip (sonunu .html değil .htm yapıyoruz) signatures klasörüne resimlerimiz varsa onlarla beraber atıyoruz.
Bu arada imzada ki resimlerinizi siteniz varsa oraya yada bir image upload sitesine upload edip oradan da çekebilirsiniz, bunun avantajı maillerinizin boyutu daha küçük olur.

Umarım faydalı olur iyi günler herkese ;)

  • Halil ERDEM

    Hakan Bey
    outlook 2010’da imza hareketli giften oluşabilir mi ? NAsıl yapılır.Teşekkürler

    • Malesef bildiğim kadarı ile .gif oynatma desteği yok Outlook programının Halil bey.

  • Behlül Çabuk

    Teşekkürler faydalı oldu.

  • mükemmel anlatım. saatlerce çözemediğim şeyi çözdüm. teşekkürler.

  • Sumeyra

    İmzada türkçe karakter problemi var. Nasıl çözebiliriz?

    • Merhaba, imzanızı Notepad++ isimli programla açıp UTF-8 Bomsuz kodlama olarak işaretleyi seçip kaydederek kontrol eder misiniz.