<?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>Maverick Web Creations &#187; Gravatar</title>
	<atom:link href="http://www.maverickwebcreations.com/tag/gravatar/feed" rel="self" type="application/rss+xml" />
	<link>http://www.maverickwebcreations.com</link>
	<description></description>
	<lastBuildDate>Thu, 09 Sep 2010 10:12:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Display Gravatar Avatars on Your Web Site</title>
		<link>http://www.maverickwebcreations.com/2008/11/26/display-gravatar-avatars-on-your-web-site.html</link>
		<comments>http://www.maverickwebcreations.com/2008/11/26/display-gravatar-avatars-on-your-web-site.html#comments</comments>
		<pubDate>Wed, 26 Nov 2008 03:45:46 +0000</pubDate>
		<dc:creator>Vincent</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Wordpress Help]]></category>
		<category><![CDATA[Avatar]]></category>
		<category><![CDATA[Gravatar]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://www.maverickwebcreations.com/?p=485</guid>
		<description><![CDATA[<p>In my tutorial on <a href="http://www.maverickwebcreations.com/2008/11/06/twitter-status-message-speech-bubble-wordpress.html">how to display twitter status messages in WordPress</a>, I used my own avatar picture beside the speech bubble. I have not found a way to retrieve my Twitter avatar from Twitter. Hopefully, I will figure out how to do it in the near future.</p>
<p>An&#8230; <a href="http://www.maverickwebcreations.com/2008/11/26/display-gravatar-avatars-on-your-web-site.html" class="read_more">Read more...</a></p>]]></description>
			<content:encoded><![CDATA[<p>In my tutorial on <a href="http://www.maverickwebcreations.com/2008/11/06/twitter-status-message-speech-bubble-wordpress.html">how to display twitter status messages in WordPress</a>, I used my own avatar picture beside the speech bubble. I have not found a way to retrieve my Twitter avatar from Twitter. Hopefully, I will figure out how to do it in the near future.</p>
<p>An alternative way to organize my avatars would be to use <a href="http://en.gravatar.com/site/implement/php">Gravatar</a>. <a href="http://en.gravatar.com/site/implement/php">Gravatar</a> allows you to display your avatar through a simple URL.</p>
<p><strong>The Normal Avatar Code</strong></p>
<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;twitter_photo&quot;</span><span style="color: #339933;">&gt;&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;%3C?php<span style="color: #009933; font-weight: bold;">%20e</span>cho<span style="color: #009933; font-weight: bold;">%20b</span>loginfo%28%27template_directory%27%29;%20?%3E/images/icon-twitter.jpg&quot;</span> alt<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&quot;</span> width<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;73&quot;</span> height<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;73&quot;</span> <span style="color: #339933;">/&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>
<p><strong>The Gravatar Avatar Code</strong></p>
<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;twitter_photo&quot;</span><span style="color: #339933;">&gt;&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;http://www.gravatar.com/avatar.php?gravatar_id=%3C?php<span style="color: #009933; font-weight: bold;">%20e</span>cho%20md5%28&quot;</span> yourgravatar<span style="color: #339933;">@</span>email<span style="color: #339933;">.</span>com<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&quot;</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;=</span><span style="color: #0000ff;">&quot;&quot;</span> ?<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&quot;</span> <span style="color: #339933;">/&gt;</span><span style="color: #0000ff;">&quot; width=&quot;</span><span style="color: #cc66cc;">73</span><span style="color: #0000ff;">&quot; height=&quot;</span><span style="color: #cc66cc;">73</span><span style="color: #0000ff;">&quot; alt=&quot;</span><span style="color: #0000ff;">&quot; /&amp;gt;&lt;/div&gt;</span></pre></td></tr></table></div>
<p>You should replace &#8220;<span class="mh-plaintext">your<a href='http://mailhide.recaptcha.net/d?k=01KpIWslzU9mdiq__x9s1DOA==&amp;c=YYHJGWvVQ-n7Re1xqKFWqQ8SUrFUK9pN2vy5_Ed3DnI=' onclick="window.open('http://mailhide.recaptcha.net/d?k=01KpIWslzU9mdiq__x9s1DOA==&amp;c=YYHJGWvVQ-n7Re1xqKFWqQ8SUrFUK9pN2vy5_Ed3DnI=', '', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=300'); return false;" title="Reveal this e-mail address">...</a>@email.com</span>&#8221; with the email address of your Gravatar avatar email address. With Gravatar, I no longer need to upload and manually change the code whenever I update my avatar. Now, I only need to edit it from Gravatar and all my sites will display the updated avatar.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.maverickwebcreations.com/2008/11/26/display-gravatar-avatars-on-your-web-site.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
