เราส่วนใหญ่ใช้บริการอีเมลบนเว็บ เช่น Gmail, Yahoo และ Hotmail มันดีที่เราไม่ต้องติดตั้งและตั้งค่าอะไรเพื่อรับและส่งอีเมล อย่างไรก็ตาม มีสิ่งหนึ่งที่บริการเหล่านี้ขาดอยู่ นอกจาก Hotmail แล้ว พวกเขาไม่รองรับการป้อนข้อมูล HTML ในลายเซ็นอีเมล แม้ว่าลายเซ็นข้อความตกแต่ง (rich text) ที่บริการเหล่านี้ให้มาจะเพียงพอสำหรับผู้ใช้ส่วนใหญ่แล้ว แต่รับฟังสิ – HTML เปิดโลกใหม่ทั้งหมดให้เพิ่มลักษณะและฟีเจอร์ที่ไม่เหมือนใครให้ลายเซ็นอีเมลของคุณ อีกทั้งคุณสามารถเพิ่มลายเซ็น HTML ได้โดยไม่ต้องเป็นมืออาชีพ HTML
บริการมากมายช่วยให้คุณสร้างลายเซ็น HTML ได้โดยไม่ต้องมีความรู้โปรแกรม HTML คุณสามารถปรับแต่งเทมเพลตที่มีฟีเจอร์มากมายให้ตรงกับความต้องการของคุณ การค้นหาเว็บง่ายๆ ว่า "สร้างลายเซ็น HTML ออนไลน์" จะให้คุณตัวเลือกเพียงพอที่จะสร้างลายเซ็นอีเมล HTML ฟรีหรือคิดค่าบริการน้อย
หมายเหตุเกี่ยวกับรูปภาพ: เมื่อคุณแทรกภาพในลายเซ็นอีเมลโดยใช้เครื่องมือเหล่านี้ ตรวจสอบให้แน่ใจว่าภาพถูกโฮสต์ออนไลน์ ภาพที่เก็บไว้ในคอมพิวเตอร์ของคุณจะไม่ทำงานด้วยวิธีนี้
หากคุณจะใช้ภาพกำหนดเองในลายเซ็น ให้อัปโหลดไปที่เว็บไซต์อย่าง postimage.org ก่อน และเตรียมลิงก์ตรงไปยังภาพไว้
ในตัวอย่างนี้ ผมอัปโหลดโลโก้ของ appuals ไปที่ postimage.org และคัดลอก Direct Link ซึ่งจะนำไปใช้ในลายเซ็น

จากนั้นสร้างลายเซ็น ในการทำอย่างง่ายๆ ด้วย HTML Editor คลิกที่นี่ (CKEditor) เมื่อสร้างลายเซ็นเสร็จแล้ว ให้เก็บหน้าต่างเปิดอยู่ เราจะกลับมาอ้างอิง CKEditor ตลอดคู่มือนี้

ลายเซ็น HTML ของคุณควรพร้อมแล้ว ตอนนี้ดูหัวข้อด้านล่างและทำตามอันที่ตรงกับอีเมลของคุณ
ขั้นตอนสร้างลายเซ็น HTML ใน Gmail
คุณสามารถสร้างลายเซ็นใน Gmail ตามปกติ – โดยเข้าถึงตัวเลือกลายเซ็นอีเมลในการตั้งค่า อย่างไรก็ตาม เพื่อให้ทราบ มีฟีเจอร์น่าสนใจชื่อ Canned Responses ที่ช่วยให้คุณสร้างลายเซ็นอีเมลได้หลายลายเซ็น คุณสามารถเลือกลายเซ็นตามความต้องการเมื่อเขียนอีเมลใหม่
คลิกที่ ไอคอนเฟือง (Gear icon) ที่มุมขวาบนของหน้าจอ แล้วเลือก การตั้งค่า (Settings)

ภายใต้ส่วนที่ชื่อว่า "ทั่วไป (General)" ให้เลื่อนลงจนกว่าจะเห็นส่วนที่ชื่อ ลายเซ็น (Signature)
คัดลอกลายเซ็น HTML ที่คุณสร้างในขั้นตอนแรก และวางลงในช่องลายเซ็น อย่า copy โค้ด HTML/ต้นทาง แค่คัดลอกผลลัพธ์ที่สร้างโดย CKEditor

เมื่อสร้างลายเซ็นเสร็จแล้ว ให้เลื่อนลงและกด บันทึกการเปลี่ยนแปลง (Save Changes) เสร็จสิ้น
วิธีสร้างลายเซ็น HTML ใน Yahoo Mail
Yahoo Mail ไม่มีฟีเจอร์ Canned Responses อย่างไรก็ตาม มันมีฟีเจอร์ลายเซ็นอีเมลที่ใช้ง่าย ทำตามขั้นตอนด้านล่างเพื่อเพิ่มลายเซ็นอีเมลใน Yahoo Mail
คลิก ไอคอนเฟือง (gear icon) ที่มุมขวาบนในกล่องจดหมาย Yahoo ของคุณ และคลิก การตั้งค่า (Settings)

คลิกลิงก์ บัญชี (Accounts) ด้านซ้ายของหน้าต่างการตั้งค่า และคลิกที่บัญชีอีเมล Yahoo ของคุณที่แสดงด้านขวาของหน้าต่าง

เลื่อนลงนิดหน่อยเพื่อหา ลายเซ็น (Signature) คลิก นำลายเซ็นต่อท้ายอีเมลที่คุณส่ง (Append a signature to the emails you send) คัดลอกและวางลายเซ็น HTML ของคุณจาก CKEditor ไม่ใช่ต้นทาง (source) และคลิก บันทึก (Save)

ยินดีด้วย! คุณเพิ่มลายเซ็น HTML ไปยัง Yahoo Mail เรียบร้อยแล้ว
วิธีสร้างลายเซ็น HTML ใน Hotmail/Outlook.com
Outlook.com ทำการช่วยเหลือทุกคนที่ต้องการเพิ่มลายเซ็น HTML ด้วยความสามารถในการเพิ่มลายเซ็น HTML โดยตรง ผู้ใช้ผู้เชี่ยวชาญสามารถเขียนโค้ดลายเซ็นอีเมลด้วย HTML เอง อย่าเพิ่งกังวลถ้าคุณไม่ใช่ผู้เชี่ยวชาญ คุณสามารถออกแบบลายเซ็น HTML ได้ด้วยความช่วยเหลือของ WYSIWYG editor อย่าประหลาดใจจากอักษรย่อที่ดูแปลก! WYSIWYG หมายถึง "What You See Is What You Get" (สิ่งที่คุณเห็นคือสิ่งที่คุณได้) ใน WYSIWYG editor คุณป้อนข้อความ รูปภาพ และลิงก์ และจัดรูปแบบในลักษณะที่คุณชอบโดยไม่ต้องมีความรู้ HTML WYSIWYG editor จะแปลงเป็นโค้ด HTML ให้พร้อมสำหรับคุณนำไปใส่ในลายเซ็นอีเมล
เพื่อสร้างลายเซ็น HTML ใน Hotmail ทำตามขั้นตอนง่ายๆ นี้
คลิกไอคอน เฟือง (gear) ที่มุมขวาบนของหน้าจอและคลิก ตัวเลือก (Options)

ภายใต้ส่วนที่ชื่อ การเขียนอีเมล (Writing emails) เลือก การจัดรูปแบบ ฟอนต์ และลายเซ็น (Formatting, font and signature)

ภายใต้ ลายเซ็นส่วนตัว (Personal signature) ที่มุมขวาบนของกล่องข้อความ คุณมีสามตัวเลือก Rich Text, Edit in HTML, และ Plain Text Rich Text คือหากคุณต้องการสร้างลายเซ็นโดยตรงที่นี่ Plain Text คือโดยไม่มีการจัดรูปแบบแบบตกแต่ง และ Edit in HTML คือที่คุณสามารถวางต้นทาง (source) ของลายเซ็น HTML ที่คุณสร้างบน CKEditor ได้ ในการคัดลอกลายเซ็น HTML ให้เลือก source บนเว็บไซต์ CKEditor และเลือก Edit in HTML บน Hotmail/Outlook วางต้นทางในเนื้อหา และจากนั้นเลือก Rich text เพื่อดูลักษณะ คุณยังสามารถแก้ไขเพิ่มเติมใน Rich text ได้ เมื่อเสร็จแล้ว กด Save
