<?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>TheNets Tecnologia &#187; site</title>
	<atom:link href="http://www.thenets.org/blog/tag/site/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thenets.org/blog</link>
	<description>Apaixonados por Tecnologia</description>
	<lastBuildDate>Tue, 01 Mar 2011 03:19:58 +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>Utilize suas fotos do Gravatar em seu site/blog não apenas nos comentários</title>
		<link>http://www.thenets.org/blog/2009/08/utilize-suas-fotos-do-gravatar-em-seu-siteblog-nao-apenas-nos-comentarios/#utm_source=feed&#038;utm_medium=feed&#038;utm_campaign=feed</link>
		<comments>http://www.thenets.org/blog/2009/08/utilize-suas-fotos-do-gravatar-em-seu-siteblog-nao-apenas-nos-comentarios/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 04:43:10 +0000</pubDate>
		<dc:creator>Luiz Felipe Fernandes Machado Costa</dc:creator>
				<category><![CDATA[Desenvolvimento]]></category>
		<category><![CDATA[Imagem]]></category>
		<category><![CDATA[Redes Sociais]]></category>
		<category><![CDATA[adicionar]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[gravatar]]></category>
		<category><![CDATA[redimensionar]]></category>
		<category><![CDATA[site]]></category>

		<guid isPermaLink="false">http://www.thenets.org/blog/?p=240</guid>
		<description><![CDATA[<a href="http://www.thenets.org/blog/2009/08/utilize-suas-fotos-do-gravatar-em-seu-siteblog-nao-apenas-nos-comentarios/"><img src=""  alt="" title="" /></a>
E aí galera, estou meu preocupado com minha volta às aulas e para esfriar um pouco a cabeça resolvi blogar um pouquinho, mesmo que não seja da minha personalidade. Antes das informações deste artigo lhe serem úteis, você precisará criar uma conta no site Gravatar.com,...]]></description>
			<content:encoded><![CDATA[<p>E aí galera, estou meu preocupado com minha volta às aulas e para esfriar um pouco a cabeça resolvi blogar um pouquinho, mesmo que não seja da minha personalidade.</p>
<ul>
<li><a title="Tutorial de como criar seu Gravatar"  href="http://www.thenets.org/blog/?p=66#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"  target="_blank" >Antes das informações deste artigo lhe serem úteis, você precisará criar uma conta no site Gravatar.com, que é necessário para enviar sua foto ao site, clique aqui para aprender como (tutorial do próprio TheNets.org)</a></li>
</ul>
<p>Vou mostrar à vocês como as fotos do Gravatar podem ser realmente muito úteis, principalmente para blogueiros, os fatores que mais fazem deste recurso importante são:</p>
<p><span id="more-240" ></span></p>
<p style="padding-left: 30px;" >- Você pode atualizar todas as fotos ao mesmo tempo, quer dizer, se você criou diversas páginas pessoais com suas fotos ou simplesmete disponibilizou-as de alguma maneira na internet, como em fóruns, todas serão atualizadas de uma única vez, que é um processo muito rápido;</p>
<p style="padding-left: 30px;" >- O tamanho pode ser definido pela própria URL, sendo assim, você pode fazer upload de uma foto de 1000x1000Pixels na sua conta do Gravatar que não terá problema quanto a exibição dela, pois simplesmente sua imagem será redimensiona mediante a sua necessidade ou do site. Por exemplo: Aqui no meu site utilizamos o recurso do Gravatar nos comentários que independente da imagem que você tenha adicionado, ela será redimensionado para uma pequena imagem de 32x32Pixels, ficando tão pequena que não pesará na página. Se você for criar uma página sobre você por exemplo, você poderá deixá-la grandona, legal, né?</p>
<p style="padding-left: 30px;" >- Existem APIs (ferramentas ou maneiras de desenvolvimento dentro de outra plataforma) que lhe permite fazer com que sua foto apareça usando JavaScript, PHP e em muitas outras linguagens, porém, se sua intenção é apenas exibir, este artigo lhe bastará, mesmo assim, aos desenolvedores e mais experientes, aí está o link das APIs do Gravatar: <a href="http://en.gravatar.com/site/implement"  target="_blank" >[link]</a></p>
<p style="padding-left: 30px;" >- Existe este recurso para blogs movido à <a href="http://en.gravatar.com/site/implement/wordpress"  target="_blank" >WordPress </a>(no caso do TheNets.org), à <a href="http://en.gravatar.com/site/implement/blogger"  target="_blank" >Blogger</a> e muitos outros; para gerenciadores de conteúdo como o <a href="http://en.gravatar.com/site/implement/nucleus" >Nucleus</a>, <a href="http://extensions.joomla.org/extensions/4059/details" >Joomla</a> e muitos outros também. Para acessá-los, utilize o link acima de APIs.</p>
<p>Agora vamos ao trabalho, primeiro vejam imagens de exemplo do meu Gravatar:</p>
<div class="mceTemp" >
<div class="wp-caption alignnone"  style="width: 110px" ><img hspace="5"  vspace="5"  align="right"  border="2"  title="Meu Gravatar em 100x100 Pixels"  src="http://www.gravatar.com/avatar/4602e8be6cf8bf54262b8f769a37d42b?s=100&amp;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&amp;r=G"  alt="Meu Gravatar em 100x100 Pixels"  width="100"  height="100"   style="float: right; margin-bottom: 5px; margin-left: 5px; border: 2px solid #000;"/><p class="wp-caption-text" >Meu Gravatar em 100x100 Pixels</p></div>
<dl class="wp-caption alignnone"  style="width: 210px;" >
<dt class="wp-caption-dt" ><img hspace="5"  vspace="5"  align="right"  border="2"  title="Meu Gravatar em 200x200 Pixels"  src="http://www.gravatar.com/avatar/4602e8be6cf8bf54262b8f769a37d42b?s=200&amp;d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&amp;r=G"  alt="Meu Gravatar em 200x200 Pixels"  width="200"  height="200"   style="float: right; margin-bottom: 5px; margin-left: 5px; border: 2px solid #000;"/></dt>
<dd class="wp-caption-dd" >Meu Gravatar em 200&#215;200 Pixels</dd>
</dl>
</div>
<ul>
<li><strong>Adicionando suas fotos:</strong></li>
</ul>
<p>Se vocês editarem o link da imagem, verão links quase idênticos, com uma única diferença: em uma, em alguma parte tem escrito &#8220;?s=100&#8243; na imagem de 100&#215;100 e na outra tem escrito &#8220;?s=200&#8243;. Imagino que agora tenha ficado bem óbvio o funcionamento do Gravatar, que ao mesmo tempo é simples e genial.</p>
<p>Explicando um pouco mais o funcionamento do mesmo, aí está um pequeno exemplo:</p>
<p style="padding-left: 30px;" >Veja o link do meu gravatar em 32pixels, a parte que define o tamanho da imagem está em <strong><span style="color: #000000;" >negrito e em vermelho</span></strong>:</p>
<p style="padding-left: 30px;" >http://www.gravatar.com/avatar/4602e8be6cf8bf54262b8f769a37d42b<strong><span style="color: #ff0000;" >?s=32</span></strong>&amp;<br/>
d=http%3A%2F%2Fwww.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9b<br/>
b6523536%3Fs%3D32&amp;r=G
</p>
<p style="padding-left: 30px;" >Para alterar o tamanho da foto, agora não tem mais segredo, é só alteral o número &#8220;32&#8243; ou qualquer outro que esteja na frente do &#8220;?s=&#8221; pelo número que você deseja, que sua foto será exibida no tamanho escolhido.</p>
<p>Pronto! Mas se o problema é que você não sabe como conseguir o link da sua foto, é simples, cadastre-se no Gravatar e faça um comentário aqui, neste artigo com seu email cadastrado, após feito isso, seu Gravatar aparecerá ao lado de seu comentário, aí é só clicar com o botão direito na foto e depois em &#8220;Propriedades&#8221; ou &#8220;Propriedades do elemento&#8221; que lhe será exibido o link de sua foto.</p>
<p>Abraço a todos!!! Qualquer problema ou elogio (principalmente elogios <img hspace="5"  vspace="5"  align="right"  border="2"  src="http://www.thenets.org/blog/wp-includes/images/smilies/icon_smile.gif"  alt=":-)"  class="wp-smiley"   style="float: right; margin-bottom: 5px; margin-left: 5px; border: 2px solid #000;"/>  ), deixem seus comentários.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thenets.org/blog/2009/08/utilize-suas-fotos-do-gravatar-em-seu-siteblog-nao-apenas-nos-comentarios/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

