<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>kevinleary.net &#187; Widgets</title> <atom:link href="http://www.kevinleary.net/blog/widgets/feed/" rel="self" type="application/rss+xml" /><link>http://www.kevinleary.net</link> <description>Portfolio &#38; blog of Kevin Leary, a Boston based WordPress CMS &#38; jQuery designer &#38; developer.</description> <lastBuildDate>Tue, 24 Aug 2010 17:54:40 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0.1</generator> <item><title>A Cleaner AddThis Design</title><link>http://www.kevinleary.net/a-cleaner-addthis-design/</link> <comments>http://www.kevinleary.net/a-cleaner-addthis-design/#comments</comments> <pubDate>Wed, 01 Jul 2009 02:41:44 +0000</pubDate> <dc:creator>kevin</dc:creator> <category><![CDATA[Social Media]]></category> <category><![CDATA[Widgets]]></category> <category><![CDATA[Wordpress]]></category><guid isPermaLink="false">http://www.kevinleary.net/?p=590</guid> <description><![CDATA[I love the ease of use and rich feature set of the AddThis social media service. However, due to it’s popularity the design has become overused and mundane. I decided to see if I could customize it to match the overall experience of kevinleary.net. The results came out pretty nice in my opinion. I may [...]]]></description> <content:encoded><![CDATA[<p><a href="http://www.kevinleary.net/wp-content/uploads/2009/06/add-this-clean-design.png" rel="shadowbox[post-590];player=img;" title="AddThis Re-design"><img class="alignright size-medium wp-image-591" title="AddThis Re-design" src="http://www.kevinleary.net/wp-content/uploads/2009/06/add-this-clean-design-300x251.png" alt="AddThis Re-design" width="300" height="251" /></a>I love the ease of use and rich feature set of the <a title="AddThis Social Bookmarking Service" href="http://www.addthis.com/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.addthis.com/?referer=');">AddThis</a> social media service. However, due to it’s popularity the design has become overused and mundane. I decided to see if I could customize it to match the overall experience of <em>kevinleary.net</em>.</p><p>The results came out pretty nice in my opinion. I may eventually swap out the <strong>[ + ]</strong> icon in the future, but for now I think it works. I’m always a bit hesitant to re-design consistencies.<br /> <span id="more-590"></span></p><h3>Widget Code <em>(trimmed)</em></h3><p>Here’s the trimmed down XHTML/JavaScript I’ve used for <strong>kevinleary.net</strong>:</p><div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;!-- AddThis Button BEGIN --&gt;
&lt;a href=&quot;http://www.addthis.com/bookmark.php?v=250&amp;pub=kevinlearynet&quot; class=&quot;addthis_button_compact&quot;&gt;&lt;/a&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://s7.addthis.com/js/250/addthis_widget.js?pub=kevinlearynet&quot;&gt;&lt;/script&gt;
&lt;!-- AddThis Button END --&gt;</pre></div></div><p>Note that <em>kevinlearynet</em> is my AddThis username, so you’ll need to change this if you plan on using this for your website.</p><p>I also wanted to remove the <em>“Bookmark &amp; Share”</em> message at the top of the rollover window/tooltip, so I’ve used CSS to hide it. I’ve also used CSS to hide the footer as well.</p><h3>CSS for the The Rollover Window</h3><div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">body <span style="color: #cc00cc;">#at15s_head</span><span style="color: #00AA00;">,</span>
body <span style="color: #cc00cc;">#at16pf</span>
<span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">none</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div><p>That’s it!</p> ]]></content:encoded> <wfw:commentRss>http://www.kevinleary.net/a-cleaner-addthis-design/feed/</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>