HTML Signature എഡിറ്റുചെയ്യുമ്പോള്‍ ശ്രദ്ധിക്കേണ്ട കാര്യങ്ങള്‍
Posted by Rajesh Odayanchal | Posted in HTML Signature, Mail Signature | Posted on 10:34 PM
0
ചായില്യത്തില്‍ ജിമെയില്‍ html സിഗ്‌നേച്ചര്‍ പോസ്റ്റുചെയ്തതിനു ശേഷം ആ കോഡു കണ്ടിട്ട് ഒന്നും മനസിലാവുന്നില്ലെന്നും എവിടെയാണ്‌ തിരുത്തല്‍ വരുത്തേണ്ടതെന്നു അറിയില്ലെന്നും പറഞ്ഞ് ചില മെയിലുകള്‍ കിട്ടുകയുണ്ടായി. അതുകൊണ്ട് കോഡില്‍ വരുത്തേണ്ട തിരുത്തലുകള്‍ അല്പം കൂടി വിശദമായി തന്നെ കൊടുക്കുന്നു. അവിടെ കൊടുത്തിരിക്കുന്ന ആ കോഡ് ഞാനിവിടെ എടുത്തെഴുതുന്നു. ഇതില്‍ ഓരോ പ്രൊഫൈല്‍ ലിങ്കും പ്രത്യേകമായി കൊടുത്തിട്ടുണ്ട്. കൂടാതെ തിരുത്തല്‍ വരുത്തേണ്ട ഭാഗങ്ങള്‍ ചുവന്ന അക്ഷരത്തില്‍ കാണിച്ചതും ശ്രദ്ധിക്കുക. നിങ്ങള്‍ ചെയ്യേണ്ടത്, ആ പോസ്റ്റിലെ കോഡ് അതേപടി കോപ്പി എടുത്ത ശേഷം, ഒരു നോട്പാഡില്‍ പേസ്റ്റ് ചെയ്തു വെക്കുക. പിന്നീട്, ഇവിടെ ചുവന്ന അക്ഷരത്തില്‍ കൊടുത്തിരിക്കുന്ന ഭാഗം മാത്രം ശ്രദ്ധയോടെ കോപ്പിയെടുത്ത്, ആ നോട്പാഡില്‍ പോയി സേര്‍ച്ച് ചെയ്തു കണ്ടു പിടിക്കുക. ഇനി മാറ്റിക്കോളൂ... ഇതു വളരെ എടുപ്പമായിരിക്കുമെന്നു കരുതുന്നു.
MySpace, RSS Feeds തുടങ്ങിയവയൊന്നും ചിലപ്പോള്‍ എല്ലാവര്‍ക്കും ഉണ്ടായെന്നു വരില്ല. അപ്പോള്‍ അത്തരം കോഡുകളും നീക്കം ചെയ്യേണ്ടതുണ്ടല്ലോ. അങ്ങനെ നീക്കം ചെയ്യാന്‍ ഉള്ള ഉദാഹരണമാണ്‌ അവസാനം നീല നിറത്തില്‍ ബോള്‍ഡായി കൊടുത്തിരിക്കുന്നത്. ആ ഒരു ഭാഗം മുഴുവനായും ഡിലീറ്റ് ചെയ്താല്‍ സിഗ്നേച്ചറിലെ അവസാനത്തെ RSS Feeds എന്ന ലിങ്കു പോവുന്നതു കാണാം. ഇടയിലുള്ള ഏതെങ്കിലും ബ്ലോക്ക് ഡിലീറ്റു ചെയ്യാനും ഇതുപോലെ ആ ഒരു ബ്ലോക്ക് തന്നെ നീക്കേണ്ടതാണ്‌. ഈ പേജില്‍ കൊടുത്തിരിക്കുന്ന കോഡ് അതേപടി കോപ്പി എടുത്തേക്കരുത്! ചായില്യത്തിലെ ആ പോസ്റ്റില്‍ കൊടുത്തിരിക്കുന്ന കോഡു തന്നെ വേണം കോപ്പി എടുക്കാന്‍. ഇനി കോഡു നോക്കുക:
MySpace, RSS Feeds തുടങ്ങിയവയൊന്നും ചിലപ്പോള്‍ എല്ലാവര്‍ക്കും ഉണ്ടായെന്നു വരില്ല. അപ്പോള്‍ അത്തരം കോഡുകളും നീക്കം ചെയ്യേണ്ടതുണ്ടല്ലോ. അങ്ങനെ നീക്കം ചെയ്യാന്‍ ഉള്ള ഉദാഹരണമാണ്‌ അവസാനം നീല നിറത്തില്‍ ബോള്‍ഡായി കൊടുത്തിരിക്കുന്നത്. ആ ഒരു ഭാഗം മുഴുവനായും ഡിലീറ്റ് ചെയ്താല്‍ സിഗ്നേച്ചറിലെ അവസാനത്തെ RSS Feeds എന്ന ലിങ്കു പോവുന്നതു കാണാം. ഇടയിലുള്ള ഏതെങ്കിലും ബ്ലോക്ക് ഡിലീറ്റു ചെയ്യാനും ഇതുപോലെ ആ ഒരു ബ്ലോക്ക് തന്നെ നീക്കേണ്ടതാണ്‌. ഈ പേജില്‍ കൊടുത്തിരിക്കുന്ന കോഡ് അതേപടി കോപ്പി എടുത്തേക്കരുത്! ചായില്യത്തിലെ ആ പോസ്റ്റില്‍ കൊടുത്തിരിക്കുന്ന കോഡു തന്നെ വേണം കോപ്പി എടുക്കാന്‍. ഇനി കോഡു നോക്കുക:
<div style=”padding: 5px 5px 5px 15px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); -moz-border-radius: 3px 3px 3px 3px; height: 110px; margin: 0pt;”> <img style=”width: 70px; height: 70px; float: left; border: medium none;” src=”http://chayilyam.com/signature/rajesh-k-odayanchal.png”>
<div style=”font-family: Arial,Helvetica,sans-serif; font-size: 16px; color: rgb(187, 187, 187); font-weight: bold; margin-bottom: 3px;”>Rajesh K</div>
<div style=”font-size: 12px; color: rgb(136, 136, 136); line-height: 15px;”><span style=”font-size: 12px; color: rgb(0, 51, 102); padding-right: 5px; margin-top: 2px;”>Tel:</span>+91 – 9980591900</div>
<div style=”font-size: 12px; color: rgb(136, 136, 136); line-height: 15px;”><span style=”font-size: 12px; color: rgb(0, 51, 102); padding-right: 5px; margin-top: 2px;”>Email:</span><a href=”#” style=”font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: rgb(91, 153, 254); text-decoration: none;”>rajeshodayanchal@gmail.com</a></div>
<div style=”font-size: 12px; color: rgb(136, 136, 136); line-height: 15px; margin-bottom: 9px;”><span style=”font-size: 12px; color: rgb(0, 51, 102); padding-right: 5px; margin-top: 2px;”>Website:</span><a href=”http://chayilyam.com” target=”_blank” style=”font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: rgb(91, 153, 254); text-decoration: none;”>http://chayilyam.com</a></div>
<div style=”display: block; float: left;”>
<ul style=”margin: 0pt; padding: 0pt; list-style: none outside none; width: auto;”>
Link to your LinkedIn Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My LinkedIn Profile” href=”http://in.linkedin.com/in/rajeshodayanchal”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/linkedin.png”></a> </li>
Link to your Twitter Account:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Twitter Account” href=”http://www.twitter.com/odayanchal/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/twitter.png”></a> </li>
Link to your Facebook Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Facebook Account” href=”http://www.facebook.com/#%21/odayanchal”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/facebook.png”></a> </li>
Link to your Orkut Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Orkut Profile” href=”http://www.orkut.co.in/Main#Profile?uid=2307759227150664180″><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/orkut.png”></a> </li>
Link to your Delicious Bookmarks:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Delicious Bookmarks” href=”http://delicious.com/rajeshodayanchal/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/delicious.png”></a> </li>
Your Stumbledupon Sites:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Stumbled Sites” href=”http://www.stumbleupon.com/stumbler/rajeshodayanchal/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/stumble.png”></a> </li>
Link to your YouTube Videos:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Youtube Videos” href=”http://www.youtube.com/user/rajeshodayanchal”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/youtube.png”></a> </li>
Link to your Picasa Web Album:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Picasa Web albums” href=”http://picasaweb.google.com/rajeshodayanchal/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/picasa.png”></a> </li>
Link to your Flickr Web Album:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Flickr Web albums” href=”http://www.flickr.com/photos/90118566@N00/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/flickr.png”></a> </li>
Your MySpace Account:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Myspace Account” href=”http://www.myspace.com/328788045″><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/myspace.png”></a> </li>
This is your Google Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Google Profile” href=”http://www.google.com/profiles/rajeshodayanchal”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/google.png”></a> </li>
This is Yahoo Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Yahoo Profile” href=”http://profiles.yahoo.com/u/LX5WYYFN6J3ZWSY2DPB257GRUE”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/yahoo.png”></a> </li>
If you have WordPress Blogs use this:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My WordPress Account” href=”http://en.wordpress.com/odayanchal/#my-blogs”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/wordpress.png”></a> </li>
This is your Blogspot Blog:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Blog” href=”http://www.moorkhan.blogspot.com/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/blog.png”></a> </li>
This is the link of your site's RSS Feeds:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My RSS Feeds” href=”http://feeds.feedburner.com/Chayilyam”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/rss.png”></a> </li>
</ul></div></div>
<div style=”font-family: Arial,Helvetica,sans-serif; font-size: 16px; color: rgb(187, 187, 187); font-weight: bold; margin-bottom: 3px;”>Rajesh K</div>
<div style=”font-size: 12px; color: rgb(136, 136, 136); line-height: 15px;”><span style=”font-size: 12px; color: rgb(0, 51, 102); padding-right: 5px; margin-top: 2px;”>Tel:</span>+91 – 9980591900</div>
<div style=”font-size: 12px; color: rgb(136, 136, 136); line-height: 15px;”><span style=”font-size: 12px; color: rgb(0, 51, 102); padding-right: 5px; margin-top: 2px;”>Email:</span><a href=”#” style=”font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: rgb(91, 153, 254); text-decoration: none;”>rajeshodayanchal@gmail.com</a></div>
<div style=”font-size: 12px; color: rgb(136, 136, 136); line-height: 15px; margin-bottom: 9px;”><span style=”font-size: 12px; color: rgb(0, 51, 102); padding-right: 5px; margin-top: 2px;”>Website:</span><a href=”http://chayilyam.com” target=”_blank” style=”font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: rgb(91, 153, 254); text-decoration: none;”>http://chayilyam.com</a></div>
<div style=”display: block; float: left;”>
<ul style=”margin: 0pt; padding: 0pt; list-style: none outside none; width: auto;”>
Link to your LinkedIn Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My LinkedIn Profile” href=”http://in.linkedin.com/in/rajeshodayanchal”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/linkedin.png”></a> </li>
Link to your Twitter Account:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Twitter Account” href=”http://www.twitter.com/odayanchal/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/twitter.png”></a> </li>
Link to your Facebook Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Facebook Account” href=”http://www.facebook.com/#%21/odayanchal”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/facebook.png”></a> </li>
Link to your Orkut Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Orkut Profile” href=”http://www.orkut.co.in/Main#Profile?uid=2307759227150664180″><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/orkut.png”></a> </li>
Link to your Delicious Bookmarks:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Delicious Bookmarks” href=”http://delicious.com/rajeshodayanchal/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/delicious.png”></a> </li>
Your Stumbledupon Sites:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Stumbled Sites” href=”http://www.stumbleupon.com/stumbler/rajeshodayanchal/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/stumble.png”></a> </li>
Link to your YouTube Videos:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Youtube Videos” href=”http://www.youtube.com/user/rajeshodayanchal”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/youtube.png”></a> </li>
Link to your Picasa Web Album:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Picasa Web albums” href=”http://picasaweb.google.com/rajeshodayanchal/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/picasa.png”></a> </li>
Link to your Flickr Web Album:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Flickr Web albums” href=”http://www.flickr.com/photos/90118566@N00/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/flickr.png”></a> </li>
Your MySpace Account:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Myspace Account” href=”http://www.myspace.com/328788045″><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/myspace.png”></a> </li>
This is your Google Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Google Profile” href=”http://www.google.com/profiles/rajeshodayanchal”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/google.png”></a> </li>
This is Yahoo Profile:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Yahoo Profile” href=”http://profiles.yahoo.com/u/LX5WYYFN6J3ZWSY2DPB257GRUE”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/yahoo.png”></a> </li>
If you have WordPress Blogs use this:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My WordPress Account” href=”http://en.wordpress.com/odayanchal/#my-blogs”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/wordpress.png”></a> </li>
This is your Blogspot Blog:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My Blog” href=”http://www.moorkhan.blogspot.com/”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/blog.png”></a> </li>
This is the link of your site's RSS Feeds:
<li style=”float: left; list-style: none outside none; display: inline; width: 32px; margin: 0pt; padding: 0pt; outline: medium none; border: medium none;”><a style=”height: 32px; width: 32px; display: block;” target=”_blank” title=”My RSS Feeds” href=”http://feeds.feedburner.com/Chayilyam”><img style=”margin: 0pt; padding: 0pt; border: medium none; outline: medium none; text-decoration: none;” src=”http://chayilyam.com/signature/rss.png”></a> </li>
</ul></div></div>