यदि आप ईमेल के आदी हैं, विशेष रूप से व्यवसाय के लिए, तो इस ट्यूटोरियल से आप चरण दर चरण सीखेंगे कि कैसे एक HTML ईमेल हस्ताक्षर बनाया जाए। iPhone या आईपैड।
एक HTML व्यवसाय ईमेल हस्ताक्षर में शामिल होना चाहिए: आपका नाम, संगठन के भीतर स्थिति, कंपनी का नाम, कंपनी का लोगो, आपका और कंपनी का संपर्क विवरण (फोन, ईमेल, वेब पता)।
अधिकांश ईमेल अनुप्रयोगों में जैसे Outlook, एचटीएमएल हस्ताक्षर कोड डालकर जोड़े जाते हैं HTML हस्ताक्षर क्षेत्र में। के लिए iPhone या iPad थोड़ा अलग है, लेकिन दोनों ही मामलों में आपको HTML हस्ताक्षर की आवश्यकता होती है।
कपि ins
के लिए HTML ईमेल सिग्नेचर कैसे बनाएं iPhone या आईपैड
जैसा कि मैंने ऊपर कहा, सबसे पहले आपको HTML सिग्नेचर बनाने की जरूरत है (यदि आपके पास पहले से है, तो आप ट्यूटोरियल के इस भाग को छोड़ सकते हैं)।
HTML हस्ताक्षर बनाएँ
मेरे उदाहरण में मैंने ए किया HTML ईमेल हस्ताक्षर के लिए iPhone कुछ सरल, जिसमें शामिल हैं: चित्र (या कंपनी का लोगो), लिंक के साथ सोशल नेटवर्क आइकन, नाम और उपनाम, फ़ंक्शन, फ़ोन नंबर, ईमेल पता और वेब पता।
अगर आप इससे शुरुआत करना चाहते हैं modeएल हस्ताक्षर की, HTML कोड इस प्रकार है:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Email Signature</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat">
<style type="text/css">
img { outline: none; text-decoration: none; border: none; }
p { margin: 0px !important; }
a { color: #000 !important; text-decoration:none !important; }
@media only screen and (max-width: 480px) {
.heading-one {
font-size:16px !important;
line-height:18px !important;
}
.heading-two {
font-size:12px !important;
line-height:14px !important;
}
.paragraph {
font-size:10px !important;
line-height:11px !important;
}
}
href>a { color:#000; text-decoration: none !important; text-decoration: none; }
</style>
</head>
<body>
<!-- EDIT BELOW IF YOU AREN'T OUTLOOK USER -->
<!--[if !mso]><!-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" style="display:inline-block; min-width:100px; max-width:100px; padding-right: 20px; padding-bottom: 10px;"><table width="80" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: block; height: 100px; text-align: center;"><img src="img/model.jpg" width="100" height="100" alt=""/></td>
</tr>
<tr>
<td style="background: #305dbf; padding-top: 10px; padding-bottom: 10px; text-align: center;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="http://www.facebook.com/" target="_blank"><img src="img/icon-facebook-0.png" width="12" height="12" alt=""/></a></td>
<td style="padding-right: 15px;"><a href="http://www.twitter.com/" target="_blank"><img src="img/icon-twitter-0.png" width="12" height="12" alt=""/></a></td>
<td><a href="http://www.linkedin.com/" target="_blank"><img src="img/icon-linkedin-0.png" width="12" height="12" alt=""/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td valign="top" style="display:inline-block; min-width:300px; max-width:400px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 10px;"><span class="heading-one" style="font-family:'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; font-weight:600; color:#000; text-transform:uppercase;">John Doe</span><br><span class="heading-two" style="font-family:'Montserrat', Arial, sans-serif; font-size:14px; line-height:16px; font-weight:500; color:#000; text-transform:capitalize;">Creative Director</span></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-phone-10.png" width="16" height="16" alt=""/></td>
<td><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">858-272-3400</span></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-email-10.png" width="16" height="16" alt=""/></td>
<td><a href="mailto:youremail@domain.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">hi@website.com</span></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-website-10.png" width="16" height="16" alt=""/></td>
<td><a href="http://www.yourwebsite.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;">www.website.com</span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<!--<![endif]-->
<!-- EDIT BELOW IF YOU ARE OUTLOOK USER -->
<!--[if mso]>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="100" valign="top" style="padding-right: 20px; padding-bottom: 10px;"><table width="80" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="display: block; height: 100px; text-align: center;"><img src="img/model.jpg" width="100" height="100" alt=""/></td>
</tr>
<tr>
<td style="background: #305dbf; padding-top: 10px; padding-bottom: 10px; text-align: center;"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="padding-right: 15px;"><a href="http://www.facebook.com/" target="_blank"><img src="img/icon-facebook-0.png" width="12" height="12" alt=""/></a></td>
<td style="padding-right: 15px;"><a href="http://www.twitter.com/" target="_blank"><img src="img/icon-twitter-0.png" width="12" height="12" alt=""/></a></td>
<td><a href="http://www.linkedin.com/" target="_blank"><img src="img/icon-linkedin-0.png" width="12" height="12" alt=""/></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
<td width="400" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-bottom: 10px;"><span class="heading-one" style="font-family:'Montserrat', Arial, sans-serif; font-size:16px; line-height:18px; font-weight:600; color:#000; text-transform:uppercase;"><font face="'Montserrat', Arial, sans-serif !important;">John Doe</font></span><br><span class="heading-two" style="font-family:'Montserrat', Arial, sans-serif; font-size:14px; line-height:16px; font-weight:500; color:#000; text-transform:capitalize;"><font face="'Montserrat', Arial, sans-serif !important;">Creative Director</font></span></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-phone-10.png" width="16" height="16" alt=""/></td>
<td><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">858-272-3400</font></span></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td style="padding-bottom: 7px;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-email-10.png" width="16" height="16" alt=""/></td>
<td><a href="mailto:youremail@domain.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">hi@website.com</font></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="16" style="padding-right: 5px;"><img src="img/icon-website-10.png" width="16" height="16" alt=""/></td>
<td><a href="http://www.yourwebsite.com" target="_blank" style="color:#000; text-decoration: none !important; text-decoration: none;"><span class="paragraph" style="font-family:'Montserrat', Arial, sans-serif; font-size:12px; line-height:14px; font-weight:400; color:#000;"><font face="'Montserrat', Arial, sans-serif !important;">www.website.com</font></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
<![endif]-->
</body>
</html>सबसे आसान है सिग्नेचर के लिए फोल्डर बनाना। आप इस कोड को टेक्स्ट या HTML एडिटर में कॉपी करते हैं, फिर इसे अपने डेटा के साथ संशोधित करते हैं। अंत में आप इसे एक्सटेंशन के साथ सेव कर लें .html.
HTML फाइल के आगे आप फोल्डर बनाते हैं img जिसमें आप ग्राफिक तत्वों को शामिल करते हैं। चित्र और चिह्न। आप अपने एचटीएमएल कोड में इन तत्वों की पहचान करते हैं। उदाहरण: <img src="img/icon-email-10.png".../>.
अपने हस्ताक्षर को अनुकूलित करने के बाद, अपने ब्राउज़र में HTML फ़ाइल खोलें। परिणाम ट्यूटोरियल की शुरुआत में छवि के समान होना चाहिए।
के लिए HTML सिग्नेचर कैसे ऐड करें iPhone या आईपैड
प्राप्तकर्ताओं द्वारा हस्ताक्षर खुले और पठनीय होने के लिए, इसे वेब सर्वर या सेवा पर होस्ट किया जाना चाहिए cloud जो आपको HTML फाइल और ग्राफिक्स अपलोड करने की अनुमति देता है।
मैंने अपना हस्ताक्षर कर दिया वेब पता.
HTML सिग्नेचर बनने और ऑनलाइन उपलब्ध होने के बाद, अगला कदम आपके डिवाइस पर आपके ईमेल अकाउंट में HTML सिग्नेचर जोड़ना है iPhone या आईपैड।
ट्यूटोरियल ऐप में जोड़े गए ईमेल खातों के लिए है Mail सभी उपकरणों पर मौजूद है iPhone, आईपैड, Mac.
1. ओपन "Settings"फिर स्क्रॉल करें"Mail".
2. विकल्पों में "Mail"खुला"Signature".
2. वह वेब लिंक खोलें जिस पर आपके हस्ताक्षर हैं और सभी सामग्री को कॉपी करें। आप से यह कर सकते हैं Safari उपकरणों iPhone या आईपैड. समारोह के साथ Handoff (Universal Clipboard) सक्षम है, तो आप अपने कंप्यूटर से HTML हस्ताक्षर कॉपी कर सकते हैं Mac या Macपुस्तक।
3. वापस जाएं "Signature"और पेस्ट करें (paste) कॉपी की गई सामग्री।
इस चरण के बाद, आप कह सकते हैं कि आपने HTML ईमेल हस्ताक्षर बनाना और जोड़ना सीख लिया है iPhone या आईपैड।
संबंधित: चित्र के साथ HTML हस्ताक्षर कैसे बनाएं Outlook
चिंता न करें यदि आप देखते हैं कि बिंदु 3 में पाठ सुपाठ्य नहीं है। पृष्ठभूमि का रंग HTML हस्ताक्षर स्रोत से कॉपी किया जाएगा। इसलिए, यदि प्राप्तकर्ता के पास ईमेल इंटरफ़ेस "डार्क" थीम पर सेट है, तो आपका संदेश एक सफेद पृष्ठभूमि के साथ आएगा।
