Tip: How to add icons and links to your email signature

I occasionally get asked, “Where do you get those picture link icons on your email signature?” Here’s what it looks like.  Roll over and click on the icons to find my Blog, Twitter, Facebook, Flickr, YouTube videos, Linked-in, and a list of what I’m currently reading online (my Google Reader RSS Shared feed).
Bryan Nelson Blog Twitter Facebook Flickr Video LinkedIn Bio What I'm Reading

And here’s what the HTML coding looks like…
<div id=”sig” style=”min-height: 50px; line-height: 17px; margin: 6px 0; padding: 8px; border-top: 1px #999999 dotted; border-bottom: 0px #999999 dotted; font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif; font-size: 12px; color: #606F78; min-width: 530px; ” ><strong style=”color: #333333;”>Bryan Nelson</strong> <a href=”http://www.verticalresonator.wordpress.com “><img src=”http://farm4.static.flickr.com/3423/3955108980_84b6403ed6_o.png&#8221; alt=”Blog” name=”Blog” width=”16″ height=”16″ border=”0″ align=”top” title=”Blog” /></a>   <a href=”http://twitter.com/bryannelson”><img src=”http://farm3.static.flickr.com/2461/3955108996_46b545544a_o.png&#8221; alt=”Twitter” name=”Twitter” width=”16″ height=”16″ border=”0″ align=”top” title=”Twitter” /></a>   <a href=”http://www.facebook.com/bryanknelson”><img src=”http://farm4.static.flickr.com/3448/3954329621_42af09d957_o.png&#8221; alt=”Facebook” name=”Facebook” width=”16″ height=”16″ border=”0″ align=”top” title=”Facebook” /></a>  <a href=”http://www.flickr.com/photos/67252763@N00/”><img src=”http://farm3.static.flickr.com/2449/3955128508_17be65b944_o.png&#8221; alt=”Flickr” name=”Pictures” width=”16″ height=”16″ border=”0″ align=”top” title=”Pictures” /></a>  <a href=”http://www.youtube.com/user/bryankeithnelson”><img src=”http://farm4.static.flickr.com/3419/3954348987_77ecf0f8e1_o.gif&#8221; alt=”Video” name=”YouTube” width=”16″ height=”16″ border=”0″ align=”top” title=”Video” /></a>  <a href=”http://www.linkedin.com/in/bryankeithnelson”><img src=”http://farm3.static.flickr.com/2490/3954370897_08cbf96ae5_o.png&#8221; alt=”LinkedIn Bio” name=”LinkedIn” width=”16″ height=”16″ border=”0″ align=”top” title=”LinkedIn Bio” /></a> <a href=”http://www.google.com/reader/shared/05552197058980916284″><img src=”http://farm3.static.flickr.com/2642/3955157762_e1ae9c686b_o.gif&#8221; alt=”What I’m Reading” name=”What I’m Reading” width=”16″ height=”16″ border=”0″ align=”top” title=”What I’m Currently Reading” /></a></div>


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: