<?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>Sprout &#187; tweetimages</title>
	<atom:link href="http://sproutinc.com/tag/tweetimages/feed/" rel="self" type="application/rss+xml" />
	<link>http://sproutinc.com</link>
	<description>Build Ads Simply</description>
	<lastBuildDate>Fri, 03 Feb 2012 18:33:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Using Tweetimag.es to display custom Twitter avatars in Sprout</title>
		<link>http://sproutinc.com/2009/09/using-tweetimag-es-to-display-custom-twitter-avatars-in-sprout/</link>
		<comments>http://sproutinc.com/2009/09/using-tweetimag-es-to-display-custom-twitter-avatars-in-sprout/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 16:41:17 +0000</pubDate>
		<dc:creator>Joey Mucha</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Sprout Builder]]></category>
		<category><![CDATA[Sprout External]]></category>
		<category><![CDATA[Tricks & tips]]></category>
		<category><![CDATA[avatars]]></category>
		<category><![CDATA[joe stump]]></category>
		<category><![CDATA[profile images]]></category>
		<category><![CDATA[tweetimag.es]]></category>
		<category><![CDATA[tweetimages]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://sproutinc.com/?p=3867</guid>
		<description><![CDATA[Joe Stump, a former Digg PHP developer, is now doing side projects and came out with a service on top of the twitter API called Tweetimag.es.  This service makes it easier to pull Twitter profile images and in a way that prevents the image from breaking when a user changes their profile image.  It also [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="joe stump avatar" src="http://img.tweetimag.es/i/joestump_b" alt="" width="73" height="73" /> Joe Stump, a former Digg PHP developer, is now doing side projects and came out with a service on top of the twitter API called Tweetimag.es.  This service makes it easier to pull Twitter profile images and in a way that prevents the image from breaking when a user changes their profile image.  It also makes it easier to pull multiple sizes of the profile images.  This got me thinking&#8230;how can we use this in Sprout Builder so that users can create custom Twitter sprouts with more flexibility.   After pinging some of the Sprout developers, there was a simple solution that made this possible.</p>
<p><span id="more-3867"></span>If you are interested in learning more about what Joe Stump created, check out http://tweetimag.es  Now that you have an understanding of the syntax behind Tweetimag.es, let&#8217;s adapt it so that it works in Sprout Builder.</p>
<blockquote><p><span style="text-decoration: underline;">The URL looks like this:</span><br />
http://img.tweetimag.es/i/{username}_{size}  (see size chart below)<br />
for example: <em>http://img.tweetimag.es/i/sprout_n</em></p></blockquote>
<p style="text-align: center;"><img class="size-medium wp-image-3875  aligncenter" title="Screen shot 2009-09-28 at 5.56.28 PM" src="http://sproutinc.wpengine.netdna-cdn.com/wp-content/uploads/2009/09/Screen-shot-2009-09-28-at-5.56.28-PM-300x132.png" alt="Screen shot 2009-09-28 at 5.56.28 PM" width="300" height="132" /></p>
<p>In order for this to work in Sprout you need to add &#8220;?.png&#8221; to the end of the URL so that this is the URL you enter into the image URL field: <strong>http://img.tweetimag.es/i/sprout_n?.png</strong> Add an image component to your sprout and double-click it.  You will see a dialog, such as the one below, where you can insert the Tweetimag.es URL.</p>
<p style="text-align: center;"><strong><img class="aligncenter size-medium wp-image-3873" title="tweetimagesURL" src="http://sproutinc.wpengine.netdna-cdn.com/wp-content/uploads/2009/09/tweetimagesURL-300x226.png" alt="tweetimagesURL" width="300" height="226" /></strong></p>
<p>Here is what you can create using Sprout Builder and the Tweetimag.es service:</p>
<p style="text-align: center;"><object id="spo_ZAB95YY5GJZoAWza" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="360" height="301" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="align" value="middle" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="quality" value="best" /><param name="flashvars" value="seedPage=true" /><param name="src" value="http://farm.sproutbuilder.com/load/ZAB95YY5GJZoAWza.swf?v=1254185918" /><param name="name" value="spo_ZAB95YY5GJZoAWza" /><param name="allowfullscreen" value="true" /><embed id="spo_ZAB95YY5GJZoAWza" type="application/x-shockwave-flash" width="360" height="301" src="http://farm.sproutbuilder.com/load/ZAB95YY5GJZoAWza.swf?v=1254185918" name="spo_ZAB95YY5GJZoAWza" flashvars="seedPage=true" quality="best" allowscriptaccess="always" allowfullscreen="true" align="middle" wmode="transparent"></embed></object><img style="visibility: hidden; width: 0px; height: 0px;" src="http://counters.gigya.com/wildfire/CIMP/bT*xJmx*PTEyNTQxNzc3NzMwMDAmcHQ9MTI1NDE3Nzc3NTAwMCZwPTEyMDc*MSZkPVpBQjk1WVk1R*pab*FXemEmbj*mZz*x.jpg" border="0" alt="" width="0" height="0" />
</p>
<p style="text-align: left;">As you can see in the sprout (above), you can have the Twitter profile image completely separate from the Twitter component that displays the tweets.  This give you the flexibility to completely customize the appearance and layout of your Twitter component.  <em>Let me know what you think about using Sprout to display your tweets.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://sproutinc.com/2009/09/using-tweetimag-es-to-display-custom-twitter-avatars-in-sprout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

