Hiç vakit ayıramasam da içimde hala bir enerji var siteye arada sırada içerik eklemek için :-) Uzun süredir yeltenip yazamadığım yazıyı geçen hafta üşenmeyip yazmıştım ama ekleyene kadar ikinci bir rehavet geçmesi gerekti. Şimdi ekleyebildim.

2 tane döküman yazdım bu konu ile ilgili. İş hayatında olun veya olmayın farketmez, artık eposta yazışmaları manyağına döndük hatta iphone, blackberry derken eposta göndermek artık sms atmaktan daha kolay hale geldi. Neyse, yazışmalar çoğaldığı için eskiden de yaptığınız birşey vardı (ya da bazılarımız yapıyordu), o da epostalarınızda imza kullanmak.

Genel olarak düz metin ile kısa bir şekilde adınız, ünvanınız ve iletişim bilgileriniz olur. Zaten daha fazlası da gereksiz, fakat ufak manevralarla imzalarınızı daha çekici, takip edilebilir ve sizi promote eder hale getirebilirsiniz. Bu konuyla ilgili bir yazı hazırladım. Yazının içinde son kısımda hazırladığınız html imzanızı thunbderbird'de nasıl kullanacağınıza kısaca değindim. Zaten oldukça kolay. Buna ek olarak da macosx kullanıcıları için apple'ın mail.app uygulamasında html imzayı nasıl kullanacağınızı anlatan bir döküman daha yazdım. Buyrun şuradan devam edin :

E-Postalarda imza kullanımı

Günümüzde eposta ile yazışmak artık günlük bir parçamız. Yazışmalarınızda imza kullanarak kişisel tanımınızı yapmanın yanı sıra, statünüzü (iş ve pozisyon gibi) yansıtmak, portfolyo veya blog gibi internetteki kaynaklarınızı insanlara yaymak için vereceğiniz kısa linkler ile yazışmalarınızdan daha çok verim alabilirsiniz. Hatta şu anda oldukça verimli işleyen bir reklam tekniği olarak algılanabilir bu konu.

Bu dökümanda imza kullanımınızı daha iyi, etkileşimli hale getirmek için birkaç numara yapmayı göstereceğim.

Etik

İmza ile link paylaşmak, kendiniz hakkında bilgi vermek bu işin güzel yanı fakat burada belirteceğiniz bilgiler konusunda dürüst olmanız, abartıdan kaçmanız gerekiyor. Yani imza'daki amaç aynen bir kartvizit'de verilmek istenen bilgiler gibidir. Yani insanlara sohbetiniz arasında verirsiniz, o anda baktıklarında sizin bir çeşit kimliğinizi, yaptığınız işi, yetkinlik durumunuzu bunun yanı sıra sizinle iletişime geçebilecekleri bilgileri verirsiniz.
Yani etik olarak kartvizitinizde naısl abartı bilgi, yanlış bilgi vermezseniz imzanıda da vermemelisiniz.

İşin bir diğer tarafı da burada vereceğiniz bilginin kalabalık olmaması, öz olmasıdır. Yani 10 tane link ve 2 paragraf yazı yazmamalısınız. En fazla 2 veya 3 tane bağlantı belirtip siteniz, blogunuz veya portfolyonuzu belirtin. Bunun dışında kullandığınız diğer eposta hesapları ve telefonunuzu da belirtebilirsiniz. Ama adres gibi uzun ve her zaman işe yaramayacak bilgileri her espotanızda yaymayın. Çünkü farkında olmadan insanlara spam yapıyor olursunuz. Rahatsız etmeyecek, göz yormayacak bir içerik hazırlamaya özen gösterin.

İçerik, Resimler İkonlar

Hazırlayacağınız imzada az sayıda ikon ve kullandığınız bir sembol, şirketinizin logosu veya hiçbiri yoksa kişisel olur belki ama küçük bir fotografınızı ekleyebilirsiniz. Ekleyeceğiniz materyallerin hem dosya boyutlarının büyük olmamasına hem de görünür boyutlarının çok büyük olmamasına dikkat edin. Daha önce de bahsettiğim giib insanları rahatsız etmeden kendi reklamınızı yapmaya çalışıyor olacaksınız.

Başlayalım

İmzanızı hazırlarken html etikerleri bile bulunmayan bir html bloğu oluşturacağız. Burada kesinlikle ilkel düşünmeniz gerekiyor çünkü neredeyse tüm mail client'lar oldukça ilkel motorlarla ve spam gibi engellerden dolayı da sade kodlamada bulunmasını şart koşuyor. Bu kurallar ve öneriler hakkında daha önce birşeyler yazmıştım (Başarılı bülten (newsletter) mesajı oluşturmanın 5 kuralı). Bu kurallardan hatırlatmam gerekenler :
  • External css kullanamazsınız
  • Kompleks ve css 3 gibi yeni öznitelikleri kullanamazsınız
  • Javascript, flash gibi şeyler kullanamazsınız
  • Artalan imajı kullanmamaya çalışın (bazı web client'lar desteklemiyor)

Bu hatırlatmalar dışında burada hazırlayacağınız html olabildiğince sade yapın. Yerleşimi table ile yapıp sadece text tipi stillemeyi inline kullanın.

Şimdi bu kurallara uygun benim kendim için hazırladığım imzam şöyle :
- Basitçe yaptığım işten bahsedeceğim
- Kullandığım logo/amblem/sembol'u belirteceğim
- Komunite sitesi ve portfolyo sayfamın adresini vereceğim
Bunları basit bir tablo ile yerleştirdiğimde şu şekilde bir imza oluşturdum :

Imza

Farkettiyseniz oldukça sade, zaten buradaki amaç sizin epostanızı okuyan birisi, gönderen kişi hakkında fikir edinebilmesi için vereceğiniz şey olmalı. Tabiki bu kısımda karışık veya uzun metinler kullanarak bunu sağlayamazsınız.

Bu imzayı oluşturan html kodu şöyle :
<div style="border-top: 1px dotted #ccc; height: 15px; font-size: 1px;"></div>
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td valign="top"><img src="mail_logo.gif" alt="Logo" width="52" height="43" border="0" /></td>
		<td width="15">&nbsp;</td>
		<td valign="top">
			<span style="font: 20px Lucida Grande, Arial; font-weight:bold;">Mehmet Fatih YILDIZ</span>
			<span style="font: 15px Lucida Grande, Arial; color:#999; margin-bottom:5px;">// UI Designer and Web Developer</span><br />
			<a style="font: 12px Lucida Grande, Arial; color:#F63; text-decoration:none; border-bottom:1px solid #06F;" href="http://mfyz.com" target="_blank">mfyz.com</a>
			<a style="font: 12px Lucida Grande, Arial; color:#666; text-decoration:none; border-bottom:1px solid #F00;" href="http://mfyz.net" target="_blank">mfyz.net (Portfolyo)</a>
		</td>
	</tr>
</table>
gördüğünüz gibi tüm css'ler satır içinde kullanılmış durumda. Artalan imajı yok ve yerleşim tablo ile sağlanmış. İşte bu ilkellikte olması gerekiyor.


Bu noktada hazırladığınız sayfayı body, html etiketlerinden arındırarak kaydedin. Yani mesela benim imzam için yukarıda verdiğim kodu kaydettim bir dosyaya. Bu noktaya geldiyseniz şimdi yapacağınız şey, imzada kullandığınız imajları external bir yere almak. Bu örnekte tek imaj var mail_logo.gif bu imajı kendi sitem altında bir yerlere koyup adresini değiştirdim. Yanihttp://mfyz.com/mail_logo.gif adresinde mesela. Çünkü bu düzeltmeyi yapmazsanız tüm mesajlarınızda bu dosya ekli (attach) olarak gitmeye başlayacaktır. Bu da karşı tarafı rahatsız edebilir (ben rahatsız olurum açıkcası). Tabiki ekli de gönderseniz, dış bağlatı ile de gönderseniz eposta okuyucu programlar, karşıdaki kişi kabul edene kadar sizin imajlarınızı göstermeyecektir. Bu noktada imajlarınız içinde bilgi olmamasına dikkat edin. Yani bu örnekteki gibi logo, ikon gibi materyalleri imaj olarak kullanın.

E-posta istemcilerinin ayarlanması

Bu dökümanda html ve css ile eposta imzanızı nasıl şekillendireceğinizi ve etkileyici hale getirebileceğinizi anlatmaya çalıştım. Thunderbird universal bir yazılım olduğu için ve html imza ayarlaması kolay olduğu için kısaca anlatacağım fakat diğer eposta okuyucularda ayarlamayı başka dökümanlarda değineceğim.

MacOSX'de Mail.app (Apple Mail) istemcisinde html imza ayarlamayla iligili yazdığım diğer dökümana ulaşmak için buraya tıklayın.

Thunderbird'de html imza ayarlamak gerçekten oldukça kolay. Hesap bilgilerinizi ayarladıktan sonra Tools / Account Settings menüsünden ulaşabileeğiniz hesap bilgileri penceresini açın.



Ayarlamak istediğiniz eposta hesabını seçin. Seçenekler içinden "Attach this signature" kısmını işaretleyerek alttaki alandan kaydettiğimiz html dosyasını gösterin.
Artık yeni mesajlarınıza html imzanız eklenecektir.

Hazırlayan : Mehmet Fatih YILDIZ

Neden HTML İmza Kullanmalısınız

HTML imza kullanarak gönderdiğiniz mesajlardaki imzalarınıza etkileşim ve referans katabilirsiniz. Ünvanınız ve insanları yönlendirebileceğiniz blog, portfolyo gibi sayfalarınıza bağlantı verebilir, ikonlar veya logonuzu kullanarak daha görsel bir imza oluşturabilirsiniz. Bu dökümana başlamadan önce bu konuda daha önce neden ve nasıl yapacağınızı anlattığım "E-postalarınıza HTML imza ile daha ilgi çekici olun" dökümanını okuyun.

Adım adım

Şimdi size hazırladığınız html imzanızı Apple Mail (mail.app) uygulamasına koymayı göstereceğim. Aşağıdaki adımları izleyin.

Figür 1

Hazırladığınız imzayı tek html dosyası olarak kaydetmiştik. Bu dosyayı Safari'de açın. Burası önemli, bu dosyayı safaride açmalısınız çünkü web archive olarak kaydedeceğiz.

Figür 2
File menüsünden Save As kısayolu ile Farklı kaydetme dialog kutunusu açıyoruz

Figür 3
herhangi bir isimle kaydedebilirsiniz.

Figür 4

Mail.app'a bu dosyayı göstereceğiz. Diğer html dosyası ile şimdilik işimiz bitti.

Figür 5

Şimdi mail uygulamasını açın. Uygulama özelliklerine Uygulama menüsündeki Preferences seçeneğinden ulaşabilirsiniz.

Figür 6

Üstteki tablardan Signatures sekmesine tıklayın

Figür 7

Yeni bir imza oluşturun. Yukarıdaki ekran görüntüsünde Signature #4 ismiyle oluştuğunu göreceksiniz. Otomatik olarak o an açık olan macosx kullanıcısının adı ve epostasından bir imza oluşacaktır. O içeriği değiştirmenize gerek yok, zaten yeni bir imza oluşturarak bir yerlerde yeni bir webarchive dosyası oluşturmuş olduk. Şimdi o dosyayı bulup bizim hazırladığımız imza ile değiştireceğiz.

Şimdi Finder ile ev dizininize gidin. Benim kullanıcım mfyz olduğu için sistemdeki yeri /Users/mfyz/ dizini olacaktır. Buradan da Library/Mail/Signatures dizinine gidin. Sistemin ana dizinindeki Library klasöründe dolaşmamaya dikkat edin. Bu Mail/Signatures dizini sizin ev dizininizdeki Library içinde olması gerekiyor.

Figür 8
Burada anlamsız birsürü dosya görebilirsiniz. Bunlar mail uygulamasının sizin preferences panelinden oluşturduğunuz imzalarıdır.
Şimdi buradaki dosyaları teker teker açıp sizin son oluşturduğunuz imzayı bulun. Zaten orada tek imzanız varsa tek dosya olacaktır. En son oluşturduğunuz imzanın dosyasını bulduğunuzda o dosya adını kopyalayıp masaüstümüze kaydettiğimiz imza webarchive dosyasının adı olarak ayarlayın. Sonra masaüstünüzdeki dosyayı son açtığımız Library/Mail/Signatures dizinine sürükleyin.

Figür 9
Dosyayı değiştirin. Böylece son oluşturduğumuz imza yerine kendi hazırladığımız html imzayı koymuş olduk. Şimdi Mail uygulamasını kapatıp tekrar açın. Tekrar Preferences/Sigrantures paneline gidin.

Figür 10
Son oluşturduğumuz imzanın içinin değiştiğini göreceksiniz. İmajların yüklenmiyor olmasına takılmayın, çünkü imajlar dış bir siteden çekiliyor. Eğer imzamızı dış bağlantılarla çalışır hale getirmeseydik yani varolan bir imajdan çekiyor olsaydık bile safari webarchive'i kaydederken imajları da o dosya içine koyacağından burada problem çıkarmaz ve öyle kullanabilirdik fakat gönderdiğimiz mesajlar o imajlar eklenerek gönderileceğinden gereksiz bir dosya transferi meydana gelecekti.

Yeni oluşturduğumuz bu imzanın adını değiştirin.

Figür 11

Sonra sol tarafta görünen e-posta hesaplarından hangisine ayarlamak istiyorsanız onun üstüne sürükleyip bırakın. O hesap içinde görünmeye başlayacaktır. Şimdi o hesabın imzalarına tıklayın. Alt kısımda o hesap için varsayılan imzayı ayarlayabileceğiniz bir seçenek göreceksiniz. Oradan son yaptığınız bu imzayı seçin.

Figür 12
Artık yeni mesaj yazarken otomatik olarak yeni oluşturduğumuz imaj eklenecektir.

Figür 13
Hazırlayan : Mehmet Fatih YILDIZ

Popüler Etiketler

ubuntu ntfs fstab social mfyz facebook newsletter mail dokuman portfolio rss xml firefox zaman html css network less compile compiler macosx windows linux app on-the-fly mootools jquery javascript js apple radio button switch konsol ruffles wanda oyun php date sql diff proje kampanya query injection meta phpstorm jetbrains mysql pgsql mssql ide editor gimp howto nasıl kitap twitter örnek kod logo html5 wordpress blog cms mobile browsers table media sosyal medya imza signature startups cookie subdomain optimization while session pharma hack google seo lifestream mdb2 pear widget ios iphone ipad app store store in-app purchase purchase subscription verification storekit itunes connect itunes framework url service tool search parse css3 xhtml job digital share sitemap osx player regex api ajax object ui ux icons login notebook laptop lisans license support istatistik xmlhttprequest banner icon ikon grafik download nedir generator kurulum auth http design web app open source ie internet explorer ipucu applications free calendar tarih wireless kontrol yapıları if db code cache htaccess apache form input development svn subversion server opengraph fql doritos tytz iOS webkit music connect box language style integration optimizasyon analyse procedure www redirect crossdomain link plugin workspace coding bootstrap developer spam git version control deployment graph prepare execute chart screen database export tebrik assets textarea browser statistics insanlar route router mod_rewrite terminal internet select