E-postalarınıza HTML imza ile daha ilgi çekici olun



Benzer belgeler
MacOSX'de Mail.app (Apple Mail) istemcisinde html imza ayarlamak

Tek dosyalı projeler (siteler) üretmek

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci

Gimp ile web animasyonu oluşturmak (gif)

2-Hafta Temel İşlemler

Vsp Teknoloji Son sistem güvenlik duvarlarıyla korunmaktadır, Kullanıcı bilgilerini doğru girdiğinde giriş sayfasına bağlanacaktır.

Seo Raporu halikoltukyikama.com

Ekran Çıktısı. FONT-WEIGHT: bold; COLOR: #00688F; FONT-FAMILY: Tahoma, Arial, sans-serif; style="text-decoration none" }

HTML & CSS. Öğr.Gör. M.Ersin AKAY

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL

duralbend.com Web Sayfasının Seo Analiz Raporu

MEBİS Kullanım Kılavuzu. Öğretim Elemanı Yeni İstanbul Medipol Üniversitesi

Site Temizlik Projesi Kodları

Site Temizlik Projesi Kodları. Site Tasarım Çalışması -3

Başarılı bülten (newsletter) mesajı oluşturmanın 5 kuralı

Website Yorumu seoniva.com

ASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU ASSAM

Radio butonları CSS ile makyajlamak

Örnek Ölçülü Site Kodları. Site Temizlik Projesi Kodları. İlk Hafta Sunumu ve Ön Test

Kullanım Kılavuzu

Site Tasarım Çalışması -3

Doktor Web Tasarım ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz

C# ile e-posta Göndermek

Ecat 8. Hakbim Bilgi İşlem A.Ş. Versiyon

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU

Seo Raporu istanbuldiyet.com

TEMEL BAŞLANGIÇ KILAVUZU

Yalnız bazı profesyonel blog siteleri ücretsiz olmasına rağmen güçlü güvenlik duvarları kullanarak sitenizi hakkıyla korumakta.

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM Web Programlama ÖDEV 1

KULLANIM KILAVUZU. VSP Teknoloji ile sıfır hatada Dünya standartlarında web kalite politikasına uygun web sitesi oluşturabileceksiniz

WordPress ile Web Sayfası Tasarımı

Google Search API ile ajax arama

ÖĞRENCİLER İÇİN ÖĞRENME YÖNETİM SİSTEMİ KULLANMA KILAVUZU

Facebook connect ile kullanıcı giriş çıkış

Kongre Yönetim Sistemi Alan Koordinatörü için Kullanıcı Kılavuzu

Bu sayfa şifre hatırlatma sayfasıdır. Öğrenci numarası ve ön kayıt başvurusu sırasında girdiğiniz e- posta ile şifrenizi isteyebilirsiniz.

T.C. İSTANBUL ÜNİVERSİTESİ GÜZ YARIYILI YATAY GEÇİŞ BAŞVURU KILAVUZU

Free Download Manager Kullanarak Internetten Download

Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır.

Bloglar için en çok tercih edilen düzen 1.düzendir. Yani En son yazılarımın listesi. Sizlerde ödeviniz için bu düzeni seçebilirsiniz.

Sezaryen Ameliyatlarını Değerlendirme Uygulamasına İlişkin Açıklamalar

KULLANMADIĞINIZ HAT İPTAL OLMASIN ve BEDAVA SMS SİTESİ

Google Dokümanları Kullanmak

1) İlk olarak oluşturduğumuz filtre adı yazılır. (örneğin tatil mesajı, taşı vb gibi.) 2) Sonra filtre için kural belirlenir.

AJANS SUNUMU.

OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir.

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html>

4 Ocak 2012 / Çarşamba. Renk uyumunu seçmek için google colorschemedesigner RGB ye tıklayınca bir pencere çıkıyor

E-Posta Kişisel İletişim Yönetimi

Microsoft Outlook 2003 Kurulumu

Raptadmin 1.x.x Sürümleri için Kullanım Klavuzu

Google Dokümanlar Servisi

CSS ile Web Sayfası Oluşturma

Bursa Elektronik Pazar Sitesi Pratik Kullanım Kılavuzu Bursa Elektronikçiler Odası Bursa Elektronik Pazar Web Sitesi Pratik Kullanım Kılavuzu

Blog Nedir? Blog un Tarihçesi Türkiye de Blog Eğitimde Blog Neden Blog Blog Türleri

1. YazBee ana sayfasına girdiğinizde Üye Ol kısmını doldurup KAYIT butonuna tıklayınız.

YILDIZ TEKNİK ÜNİVERSİTESİ

E-ticaretSEM & TEB Eğitimleri İstanbul

AMACSEO TEMASI KULLANIM KILAVUZU. AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1

T.C. İSTANBUL ÜNİVERSİTESİ GÜZ YARIYILI YATAY GEÇİŞ BAŞVURU KILAVUZU

MARKAM SMS WEB PORTAL KULLANIM KILAVUZU

Windows Live ID ve parolanızı giriniz.

ASP.NET ile Bir Web Sitesi Oluşturma

Kia Rio Hatchback 1.5 CRDi 110 HP Trend + ABS

KURUMSAL SAĞLIK HİZMET GÖSTERİSİ (KSHG) Uygulamasına İlişkin Açıklamalar

Mercedes Vito 115 CDI Panelvan Uzun

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1

Columns : * Next Text Query veri tabanındaki urunler tablosu görülüyor. Finish, çalıştırınca direk veri tabanındaki bilgileri alıyor.

3. Metin ve Görünüm Etiketleri

PHOTO STORY ÖĞRENİYORUM. Emine DEĞİRMENCİ Hilal KAYA Sevim DEMİR

Toplu e-posta gönderimi yaparken hiç bir teknik bilgiye ihtiyaç duymanıza gerek olmaması büyük bir avantaj sağlamaktadır.

WEB TASARIMININ TEMELLERİ

Kullanım Kılavuzu. 4 Adımda Sanal Mağaza Oluşturulması + Jewellerynetasia Üyeliğinizden Müşteri Portföyünüzü arttıracak Altın Kurallar

1 Aralık 2011 / Perşembe

expomed & labtechmed Fuarları Katılımcı Portalı Kullanım Kılavuzu

Yoğun Bakım Ünitelerinin Denetimine İlişkin Açıklamalar

Hızlı Başlangıç: Anlık mesajlaşma ve iletişim durum bilgisi

Renault Clio HP BVA Executive

PROJE TEKLİF FORMU. Haydi birlikte harika bir iş çıkartalım.

Blogcu Kullanma Kılavuzu

Renault Trafic Van Faz3 Grand Confort 6m3 2.0 dci

Şekil 1 : Şablonumuzun Photoshopda açılmış hali

İNÖNÜ ÜNİVERSİTESİ UZAKTAN EĞİTİM ARAŞTIRMA VE UYGULAMA MERKEZİ ÖBYS LMS AKADEMİSYEN YARDIM KLAVUZU

E-Posta Hesapları ve Anında Mesajlaşma Yazılımları

Elektronik Belge Yönetim Sistemi Kullanım Kılavuzu

CSS(CASCADING STYLE SHEETS)

ZİRVEDRİVE IOS YAZILIMI KULLANIM KILAVUZU

HTML Bloklar. CSS Display özelliği

Sevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın:

Detaylarıyla Site İçi SEO

LESS ile hiyerarşik ve fonksiyonel css yazmak

Volkswagen LT 32 SDI

Ford Transit Van 350 L

Twitter Nedir, Ne İşe Yarar, Nasıl Kullanılır?

Css Stillerinin Nesneyi Etkileme Yolları Ve Sırası, Diez, Nokta, Yıldız, Class Css De Neyi İfade Eder.

Expokent Medya Bilişim

MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler

HTML Etiketleri Genel Özellikler (Global Attributes)


Yeni Mailing Oluşturma

Transkript:

E-postalarınıza HTML imza ile daha ilgi çekici olun 3 Temmuz Cuma 09 Diğer Dökümanlar http://mfyz.com/e-postalariniza-html-imza-ile-daha-ilgi-cekici-olun 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 Sayfa 1 / 5

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 : Sayfa 2 / 5

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; fontsize: 1px;"></div> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><img src="mail_logo.gif" alt="logo" width="52" heig ht="43" border="0" /></td> <td width="15"> </td> <td valign="top"> <span style="font: 20px Lucida Grande, Arial; fontweight:bold;">mehmet Fatih YILDIZ</span> <span style="font: 15px Lucida Grande, Arial; color:#999; marginbottom:5px;">// UI Designer and Web Developer</span><br /> <a style="font: 12px Lucida Grande, Arial; color:#f63; text-decorat ion: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-decorat ion: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 Sayfa 3 / 5

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. Sayfa 4 / 5

Powered by TCPDF (www.tcpdf.org) 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 Bu yazı http://mfyz.com/e-postalariniza-html-imza-ile-daha-ilgi-cekici-olun adresinden indirilmiştir. Sayfa 5 / 5