<?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>iemai &#187; Tutoriais e dicas</title>
	<atom:link href="http://iemai.com.br/blog/category/tutoriais/feed/" rel="self" type="application/rss+xml" />
	<link>http://iemai.com.br/blog</link>
	<description>Fotografia, webdesign e arte.</description>
	<lastBuildDate>Tue, 07 Feb 2012 22:50:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Recebendo do Google Adsense pelo Banco Rendimento</title>
		<link>http://iemai.com.br/blog/2012/01/11/recebendo-do-google-adsense-pelo-banco-rendimento/</link>
		<comments>http://iemai.com.br/blog/2012/01/11/recebendo-do-google-adsense-pelo-banco-rendimento/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 18:45:19 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Um]]></category>
		<category><![CDATA[adsense]]></category>
		<category><![CDATA[dinheiro]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=7672</guid>
		<description><![CDATA[Não, não tem nada a ver com os assuntos do blog. É só um depoimento com cara de propaganda de canal tosco, mas tá valendo porque sei que eu procurei algo assim quando precisei e não achei. Quando fui receber meu primeiro pagamento do Google Adsense, fiquei muito na dúvida de como fazer. Para realizar a transferência internacional, eu precisava do Código Swift da minha agência bancária e a preguiça &#8230;]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-7695 antiborda" title="Moedas" src="http://iemai.com.br/blog/wp-content/uploads/2012/01/2012jan11.jpg" alt="" width="650" height="432" /></p>
<p>Não, não tem nada a ver com os assuntos do blog. É só um depoimento com cara de propaganda de canal tosco, mas tá valendo porque sei que eu procurei algo assim quando precisei e não achei.</p>
<p>Quando fui receber meu primeiro pagamento do <a href="https://www.google.com/adsense/" target="_blank">Google Adsense</a>, fiquei muito na dúvida de como fazer. Para realizar a transferência internacional, eu precisava do Código Swift da minha agência bancária e a preguiça de ir até lá consultar isso imperava. Meu lado prático e antissocial queria fazer tudo de casa, sem precisar falar ou telefonar pra ninguém.</p>
<p>Li sobre o <a href="http://bancorendimento.com.br/?c=631" target="_blank">Banco Rendimento</a> e sua &#8220;especialização&#8221; em receber os pagamentos do Adsense. Eu nunca tinha sequer ouvido falar deles antes e, como sempre acontece com esse tipo de coisa, saí pesquisando loucamente pra ver se não era golpe. Não encontrei ninguém que me parecesse confiável (leia-se, alguém remotamente já conhecido por mim) para fazer a afirmação. Resolvi arriscar e papapan! Deu tudo certo. Desde junho recebo os ganhos por eles e não tive problema algum até agora.<br />
<span id="more-7672"></span><br />
<h3>Recebendo</h3>
<p>O banco recebe a ordem de pagamento do Google e me avisa por e-mail. Depois de informarem a taxa de câmbio do dia e receberem a minha autorização, eles transferem o dinheiro para a minha conta do Banco do Brasil. A tarifa pelo serviço é fixa e independe do valor que você está recebendo: 15 dólares. (Pode ser mais vantagem usar a retenção do Adsense e deixar acumular um ou mais meses e ter o desconto de uma vez só.)</p>
<h3>Configurando</h3>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Não tem muito segredo não e o Rendimento explica tudo nessa <a href="http://bancorendimento.com.br/?c=631" target="_blank">página aqui</a>.</p>
<p>Na sua conta do Adsense, você deve preencher os seguintes nas configurações de pagamento:</p>
<blockquote>
<ul>
<li><strong>Número da conta bancária do editor:</strong> SEFI-XXXXXXXX-XX (O XXXX deve ser substituído pelo seu CPF ou CNPJ. Importante informar o “SEFI“ antes.)</li>
<li><strong>Nome do titular da conta bancária</strong> – deve ser o mesmo nome que consta em sua conta do AdSense</li>
<li><strong>Código Swift:</strong> RENDBRSPXXX (informar o swift com os 3 “X” no final)</li>
<li><strong>Nome do banco onde o editor possui conta:</strong> Banco Rendimento S.A.</li>
<li><strong>Endereço do banco (rua):</strong> Av. Brig. Faria Lima 2066, 19º andar</li>
<li><strong>Endereço do banco (cidade e estado):</strong> São Paulo, SP</li>
<li><strong>CEP do banco:</strong> 01451-905</li>
<li><strong>Número da agência:</strong> 001</li>
<li><strong>Número do Banco:</strong> 633</li>
<li><strong>Número de telefone do banco:</strong> (11) 3817-0750</li>
<li><strong>Código do Swift do banco intermediário:</strong> BOFAUS3N</li>
<li><strong>Nome do banco intermediário: </strong>Bank of America</li>
<li><strong>Endereço do banco intermediário:</strong> 100 WEST 33RD STREET, 4th FLOOR</li>
<li><strong>Endereço do banco intermediário (cont):</strong> New York, NY</li>
<li><strong>Número da conta do banco intermediário:</strong> 6550925836</li>
</ul>
</blockquote>
<p>Você deve então enviar um e-mail para <a href="mailto:op-google@rendimento.com.br">op-google@rendimento.com.br</a> com dados referentes ao beneficiário do pagamento:</p>
<blockquote>
<ul>
<li>Nome completo / Razão social</li>
<li>CPF ou CNPJ</li>
<li>Endereço completo</li>
<li>Nome dos pais</li>
<li>Data de nascimento / Local de Nascimento</li>
<li>RG / Órgão Expedidor</li>
<li>Nacionalidade</li>
<li>Profissão</li>
<li>Estado civil</li>
<li>E-mail para contato</li>
<li>Telefone para contato</li>
<li>Dados bancários de sua conta corrente no Brasil</li>
<li>Banco</li>
<li>Agência</li>
<li>Conta</li>
<li>Tipo de conta (conta corrente ou conta poupança)</li>
</ul>
</blockquote>
<p>Pois é. Só isso. Comigo deu certo. :) Para esclarecer outras dúvidas, visite a <a href="http://bancorendimento.com.br/?c=631" target="_blank">página deles</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2012/01/11/recebendo-do-google-adsense-pelo-banco-rendimento/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Editores online de fotos: leves, práticos e gratuitos</title>
		<link>http://iemai.com.br/blog/2011/09/30/editores-online-de-fotos-leves-praticos-e-gratuitos/</link>
		<comments>http://iemai.com.br/blog/2011/09/30/editores-online-de-fotos-leves-praticos-e-gratuitos/#comments</comments>
		<pubDate>Fri, 30 Sep 2011 03:18:27 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Dois]]></category>
		<category><![CDATA[aplicativos]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=6909</guid>
		<description><![CDATA[Seu computador é uma joça? Seu amigo nunca te emprestou aquele prometido cd do Photoshop? Não precisa entrar em depressão. Dá para editar fotos na internet mesmo, e conseguir resultados muito bons! Juro que eu não botava muita fé nesse tipo de aplicativo online até começar a fazer esse post e adorar vários efeitos que encontrei. É claro que tem um monte de coisa bizarra, mas é só usar o &#8230;]]></description>
			<content:encoded><![CDATA[<p>Seu computador é uma joça? Seu amigo nunca te emprestou aquele prometido cd do Photoshop? Não precisa entrar em depressão. Dá para editar fotos na internet mesmo, e conseguir resultados muito bons! Juro que eu não botava muita fé nesse tipo de aplicativo online até começar a fazer esse post e adorar vários efeitos que encontrei. É claro que tem um monte de coisa bizarra, mas é só usar o bom senso e aproveitar. ;) Além disso, alguns sites funcionam exatamente como programas, com interface super parecida, e você ainda tem a vantagem de não precisar instalar.</p>
<p>Aí vão alguns editores (todos grátis) para facilitar sua vida:</p>
<h3><a href="http://www.befunky.com/" target="_blank">BeFunky</a></h3>
<p>O <a href="http://www.befunky.com/" target="_blank">BeFunky</a> é um serviço bem completo onde você pode se registrar ou fazer direto o upload da sua foto e editá-la. Ele permite ajustes básicos como recorte, redimensionamento, luz, temperatura, filtros de cores etc. Tem também efeitos prontos e, apesar de eu ter colocado exemplos mais &#8220;sóbrios&#8221;, há opções para adição de molduras, textos ou <em>goodies</em> &#8211; que são imagenzinhas estilo clipart que você pode inserir na sua foto. Enfim, tem um monte de frescura para deixar muita gente feliz! rs</p>
<p><a href="http://www.befunky.com/" target="_blank"><img class="alignnone size-full wp-image-6910 antiborda" title="BeFunky" src="http://iemai.com.br/blog/wp-content/uploads/2011/09/2011set30-befunky.jpg" alt="" width="650" height="650" /></a></p>
<h3><a href="http://pixlr.com/o-matic/" target="_blank">Pixlr-o-Matic</a> e <a href="http://pixlr.com/editor/" target="_blank">Pixlr</a></h3>
<p>Um dos mais populares é o <a href="http://pixlr.com/o-matic/" target="_blank">Pixlr-o-Matic</a>. Nele você também faz o upload direto da foto e a edita diretamente. Entre as opções estão ajustes predefinidos de cores, sobreposição de texturas e molduras. Minha parte preferida são as sobreposições com os efeitos de luzes! Fiquei surpresa quando vi a <a href="http://bamoretti.blogspot.com/2011/09/pixlr-o-matic.html" target="_blank">Ba postando alguns</a>, porque já tinha ouvido falar do serviço, mas ainda não tinha visto <a href="http://bamoretti.blogspot.com/2011/09/pixlr-o-matic.html" target="_blank">edições tão lindas</a> feitas através dele. Tanto que adorei essa primeira edição do exemplo aí!</p>
<p>Há também o <a href="http://pixlr.com/editor/" target="_blank">Pixlr</a>, um editor de fotos bem completo cuja interface lembra bastante a de programas como o Photoshop. Muito bacana! Ótima opção pra quem quer algo mais leve.</p>
<p><a href="http://pixlr.com/o-matic/" target="_blank"><img class="alignnone size-full wp-image-6914 antiborda" title="Pixlr-o-matic" src="http://iemai.com.br/blog/wp-content/uploads/2011/09/2011set30-pixlromatic.jpg" alt="" width="650" height="650" /></a><span id="more-6909"></span></p>
<h3><a href="http://www.picnik.com/" target="_blank">Picnik</a></h3>
<p>Essa arte toda aí embaixo (fiquei gatinha na primeira edição, hein? pófalá!) foi pra mostrar que o <a href="http://www.picnik.com/" target="_blank">Picnik</a> tem várias opções diferentes de efeitos. Além das &#8220;edições prontas&#8221;, há também as colagens, em que você só precisa encaixar suas fotos e depois ainda pode enfeitar com stickers.</p>
<p><a href="http://www.picnik.com/" target="_blank"><img src="http://iemai.com.br/blog/wp-content/uploads/2011/09/2011set30-picnik.jpg" alt="" title="Picnik" width="650" height="650" class="alignnone size-full wp-image-6947 antiborda" /></a></p>
<h3><a href="http://www.photoshop.com/tools/expresseditor?wf=editor" target="_blank">Photoshop Express</a></h3>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Tem também o aplicativo criado pela própria Adobe, o <a href="http://www.photoshop.com/tools/expresseditor?wf=editor" target="_blank">Photoshop Express</a>! Com ele você pode fazer edições simples nas suas fotos, usando ferramentas existentes no próprio PS. Além de recortar e redimensionar, também dá para realizar ajustes de iluminação, exposição, balanço de branco, melhorar a nitidez da foto e até corrigir olhos vermelhos. Tem alguns &#8220;efeitos prontos&#8221; também, menos bonitinhos do que os dos sites anteriores, mas tá valendo!</p>
<p>O site requer o cadastro do usuário. Se você já tem um Adobe ID &#8211; aquele que a gente usa para fazer o <a href="http://www.adobe.com/br/downloads/" target="_blank">download do Photoshop</a> e de outros programas da Adobe no site deles -, já pode usar direto, se não, é só se cadastrar. ;)</p>
<p><a href="http://www.photoshop.com/tools/expresseditor?wf=editor" target="_blank"><img class="alignnone size-full wp-image-6917 antiborda" title="Photoshop Express" src="http://iemai.com.br/blog/wp-content/uploads/2011/09/2011set30-photoshopexpress.jpg" alt="" width="650" height="650" /></a></p>
<h3>Outros editores</h3>
<p><div class="adsense300x250l">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<ul>
<li><a href="http://www.splashup.com/splashup/" target="_blank">Splashup</a></li>
<li><a href="http://www.aviary.com/tools/phoenix" target="_blank">Aviary Phoenix</a></li>
<li><a href="http://fotoflexer.com/" target="_blank">FotoFlexer</a></li>
<li><a href="http://www.scrapblog.com/" target="_blank">Scrapblog</a></li>
<li><a href="http://pixer.us/" target="_blank">Pixer.us</a></li>
<li><a href="http://www.picture2life.com/" target="_blank">Picture2Life</a> (precisa de cadastro)</li>
<li><a href="http://www.flauntr.com/flauntr/" target="_blank">FlauntR</a> (precisa de cadastro)</li>
<li><a href="http://www.sumopaint.com/" target="_blank">SumoPaint</a> (precisa de cadastro)</li>
<li><a href="http://www.phixr.com/" target="_blank">Phirx</a></li>
<li><a href="http://www.preloadr.com/" target="_blank">Preloadr</a> (login com conta do Flickr)</li>
<li><a href="http://pixenate.com/" target="_blank">Pixenate</a></li>
<li><a href="http://www.lunapic.com/editor/" target="_blank">Lunapic</a></li>
</ul>
<p>E aí, gostou? Já usa algum? Conhece outros sites no estilo?</p>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2011/09/30/editores-online-de-fotos-leves-praticos-e-gratuitos/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Dicas rápidas para The Sims Social &#8211; e será que vicia?</title>
		<link>http://iemai.com.br/blog/2011/08/11/dicas-rapidas-para-the-sims-social-e-sera-que-vicia/</link>
		<comments>http://iemai.com.br/blog/2011/08/11/dicas-rapidas-para-the-sims-social-e-sera-que-vicia/#comments</comments>
		<pubDate>Fri, 12 Aug 2011 00:52:03 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Top 10]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[jogos]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=6776</guid>
		<description><![CDATA[De todos os jogos do Facebook, eu só jogava Simply Hospital &#8211; aplicativo inspirado em Theme Hospital (quem também amava?! &#9829;) que eu descobri pelo Livejournal. Agora a E.A. lançou The Sims Social. The Sims foi o jogo que eu mais joguei na vida e é um ciclo: você para de jogar um tempo e esquece, mas, quando bate a saudade, você joga e não consegue largar por dias. Lembro &#8230;]]></description>
			<content:encoded><![CDATA[<p>De todos os jogos do Facebook, eu só jogava Simply Hospital &#8211; aplicativo inspirado em Theme Hospital (quem também amava?! &hearts;) que eu descobri pelo Livejournal. Agora a E.A. lançou <strong>The Sims Social</strong>. </p>
<p>The Sims foi o jogo que eu mais joguei na vida e é um ciclo: você para de jogar um tempo e esquece, mas, quando bate a saudade, você joga e não consegue largar por dias. Lembro de ler uma revista antes do lançamento de TS falando sobre como ele seria. Meus olhos brilharam porque eu sabia que aquilo ali era meu jogo dos sonhos. Mas, depois de todos esses anos, mesmo sendo viciante e, pra mim, o melhor jogo de todos, ainda não é o que eu queria exatamente: porque eu sonho mesmo é com um The World, bem no estilo <a href="http://www.youtube.com/watch?v=cCB8jl9YH6Q" target="_blank">.hack</a>. rs Ou seja, uma versão absurdamente melhor e mais realista de Second Life, que não me conquistou.</p>
<p>Quando vi as matérias sobre o lançamento de The Sims Social, pensei que seria revolucionário, mas me decepcionei bastante quando fui jogar e descobri que eu &#8211; e mais um monte de gente &#8211; tinha entendido errado, e a interação não é em tempo real. A fórmula básica de TS está lá, mas a inovação que eu esperava ainda não. É divertido visitar a casa dos amigos, principalmente pra ver como cada um está personalizando o jogo, mas interagir com um bot dele não agrega tanto.</p>
<p><img src="http://iemai.com.br/blog/wp-content/uploads/2011/08/2011ago11-tss2.jpg" alt="" title="The Sims Social" width="650" height="512" class="alignnone size-full wp-image-6798 antiborda" /></p>
<p>Entre as coisas negativas, está também a Energia, que só é recarregada a cada cinco minutos, um ponto de cada vez. São esses pontos que você utiliza para fazer as interações mais interessantes do jogo &#8211; como as que rendem simoleons, e as relações com os amigos. Essa sacada para eles ganharem dinheiro virou na verdade uma demora chata que impede o jogo de ser mais viciante&#8230; e quem vai gastar se não estiver viciado? </p>
<p>O jogo está em versão beta e acabou de sair, então vamos ver as implementações que vão ser feitas. Por enquanto, o acesso ainda está complicado e é comum dar erros ou não conseguir carregar. A dica de limpar o cache do navegador me ajudou em várias ocasiões. ;)<br />
<big><br />
<h4>Dicas</h4>
<p></big></p>
<p>Algumas coisas que descobri nesse um dia de jogo e que acho que é bom saber.</p>
<h5><strong>Objetos grátis</strong></h5>
<p><img src="http://iemai.com.br/blog/wp-content/uploads/2011/08/2011ago11-tss1.jpg" alt="" title="Objetos grátis em The Sims Social" width="650" height="430" class="alignnone size-full wp-image-6797 antiborda" /></p>
<p>Quer ganhar uma churrasqueira, teclado, tela de pintura, estante de livros, lareira, banheira e violão <strong>de graça</strong>? Curta a <a href="http://www.facebook.com/TheSimsSocial" target="_blank">página do The Sims Social</a> e depois visite o link &#8220;Welcome&#8221; no menu esquerdo, logo abaixo da imagem da página. Esses objetos foram liberados com o número de curtidores e outros ainda vão ser. Para pegar o seu, clique em &#8220;More To Like&#8221; no quadro que vai abrir, passe o mouse em cima do objeto e depois clique em &#8220;Get it now&#8221;. Você pode pegar todos eles. ;)</p>
<h5><strong>Construção de cômodos</strong></h5>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Quando construir um novo cômodo, não se esqueça de pedir aos seus amigos para te darem uma mão. O cômodo novo só fica completo depois que três amigos topam ajudar. (Outro ponto negativo do jogo. Não vou querer encher o saco dos outros sempre, né?)</p>
<h5 style="display:inline"><strong>Objetos incompletos</strong></h5>
<p>Alguns objetos que você compra precisam ser &#8220;montados&#8221; &#8211; são aqueles que tem o desenho de um martelo logo acima do ícone na loja de objetos. Para completá-los, você vai precisar juntar recompensas de ações. Para saber o que você precisa juntar e como conseguir, clique no móvel após comprá-lo. ;)</p>
<h5><strong>Energia ao mudar de nível</strong></h5>
<p>Ao subir de nível, você ganha o máximo de energia, então observe seu status de experiência: se estiver prestes a mudar de leve, pode gastar a energia sem pena! Mas aproveite para fazer ações que não ganham pontos de experiência (como interagir com os amigos), assim você não corre o risco de perder uns pontos de energia que poderiam aproveitar melhor antes da transição.</p>
<h5><strong>Bônus de energia ao visitar amigos</strong></h5>
<p>Ao visitar seus amigos pela primeira vez no dia, você ganha um bônus de energia. Ele é marcado logo abaixo do status de energia normal. Ao sair da casa, o bônus é perdido, então aproveite e use! Não faça como eu que antes de me tocar disso, saía achando que ia poder gastar em casa. rs</p>
<hr />
<p>É isso aí. Ainda não sei se vai ser viciante, mas melhor não riscar, hein! :*</p>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2011/08/11/dicas-rapidas-para-the-sims-social-e-sera-que-vicia/feed/</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>5 coisas que eu não gosto no seu blog</title>
		<link>http://iemai.com.br/blog/2011/05/20/5-coisas-que-eu-nao-gosto-no-seu-blog/</link>
		<comments>http://iemai.com.br/blog/2011/05/20/5-coisas-que-eu-nao-gosto-no-seu-blog/#comments</comments>
		<pubDate>Fri, 20 May 2011 06:12:44 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[dicas]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=6130</guid>
		<description><![CDATA[Como leitora, vou sempre identificando o que me incomoda ou do que sinto falta nos blogs enquanto navego. Reuni algumas dessas coisas e os argumentos que tenho para não gostar delas. Todos os ítens são baseados em opiniões pessoais e seguem uma linha de pensamento: seu visitante não quer se esforçar. Sou, como a maioria das pessoas também são, uma visitante preguiçosa &#8211; ou simplesmente apressada, porque tenho mais 15 abas &#8230;]]></description>
			<content:encoded><![CDATA[<p>Como leitora, vou sempre identificando o que me incomoda ou do que sinto falta nos blogs enquanto navego. Reuni algumas dessas coisas e os argumentos que tenho para não gostar delas. Todos os ítens são baseados em <span style="text-decoration: underline;">opiniões pessoais</span> e seguem uma linha de pensamento: <strong>seu visitante não quer se esforçar</strong>.</p>
<p>Sou, como a maioria das pessoas também são, uma visitante preguiçosa &#8211; ou simplesmente apressada, porque tenho mais 15 abas abertas no navegador e estou ávida para ver todas elas. Se você quer que eu continue no seu blog, facilite as coisas para mim! Não deixe que eu me distraia e passe para a aba seguinte, posso não voltar.</p>
<p>As dicas abaixo são simples e eu acredito mesmo que tornam mais prática a vida do seu leitor. Ressalto que, obviamente, se você tem alguns (ou todos) os ítens abaixo, não quer dizer que eu goste menos do seu blog. É apenas uma listinha que achei que pode ser útil para alguém. Enfim, vamos lá:</p>
<p>&nbsp;<br />
<img class="alignnone size-full wp-image-6165 antiborda" title="5 coisas que eu não gosto no seu blog - Dicas para blogar melhor" src="http://iemai.com.br/blog/wp-content/uploads/2011/05/2011mai20-5coisas.jpg" alt="" width="650" height="245" /></p>
<h4><strong>1. Poucos posts sendo exibidos por página?</strong></h4>
<p>Seu blog é maravilhoso, você tem vários posts legais, mas adivinha? Eu não os vi porque você mostra pouco deles por página! E se justamente no dia que um visitante chegar lá pela primeira vez, os últimos posts que você tem não forem tão legais?</p>
<p>Exceto nos blogs em que somos leitores fiéis (nos quais lemos tudinho), temos a mania de correr os olhos para encontrar algo que nos interessa. Quando não encontramos de primeira, costumamos desistir. Um ou três é pouco. Então, que tal pelo menos uns sete?</p>
<p>Só para lembrar: tente equilibrar o número de posts em exibição com o tamanho que você costuma fazê-los. Se você posta muitas imagens, é melhor manter um número menor de posts por página, já que ninguém também tem paciência para descer uma barra de rolagem absurda e nem para esperar tudo carregar. <strong>Procure o equilíbrio para que você não acabe cometendo o erro de ter posts demais sendo exibidos.</strong></p>
<h4><strong>2. Link para comentários acima do post?</strong></h4>
<p>As pessoas comentam depois que lêem o post. Logo, os links para os comentários devem ficar no rodapé. Não faça seu leitor ter que voltar para o começo, ele pode ficar com preguiça e desistir de comentar. Sério. Ou pode ficar confuso e comentar no lugar errado &#8211; todo mundo já fez ou quase fez isso um dia.</p>
<h4><strong>3. Sem links para navegação dentro dos posts?</strong></h4>
<p>Vários blogs usam constantemente o link de &#8220;Leia mais&#8221;, que direciona a pessoa para a página interna do post &#8211; ou algumas pessoas simplesmente preferem navegar assim. A questão é que, quando chegamos nessas páginas, às vezes queremos continuar lendo os outros conteúdos do blog sem ter que voltar ao início: é aí que entram os links de &#8220;Post anterior&#8221; e &#8220;Próximo post&#8221;.</p>
<p>Se você quer prender o seu leitor ao seu conteúdo, não dificulte a vida dele! Coloque a bendita navegação.</p>
<h4><strong>4. Nenhum botão para o Feed?</strong></h4>
<p>Muita gente está migrando para o Chrome e ele não possui o detector de feeds, logo, não aparece aquele botãozinho do lado da sua URL para que as pessoas possam assiná-lo. Coloque um link em algum lugar do blog indicando o Feed.</p>
<p>Para os usuários do Chrome que também sofrem com isso: há um add-on chamado &#8220;<a href="https://chrome.google.com/webstore/detail/nlbjncdgjeocebhnmkbbbdekmmmcbfjd" target="_blank">Extensão Inscrição no RSS</a>&#8221; que &#8220;adiciona a possibilidade de se inscrever com apenas um clique à sua barra de ferramentas&#8221;. Ou seja, sempre que houver um feed disponível na página, ele adicionará o ícone para inscrição ao lado do endereço do site, como o Firefox faz.</p>
<p><strong>Falando nisso, já assinou o <a href="http://iemai.feedburner.com/" target="_blank">feed daqui</a>?</strong></p>
<blockquote><p><small>Boiou total porque não sabe o que é feed? Entenda <a href="http://pt.wikipedia.org/wiki/Feed" target="_blank">aqui</a> e se jogue logo no <a href="http://www.google.com/reader/" target="_blank">Google Reader</a> (que é o agregador que eu uso)!</small></p></blockquote>
<h4><strong>5. Postando demais?</strong></h4>
<p>Esse aqui provavelmente é o ponto mais controverso e complicado. É uma opinião muito pessoal minha.</p>
<p>Postar é lindo e maravilhoso, e eu adoro ver posts das pessoas que eu gosto. Mas não consigo acompanhar quem posta demais! E isso me desanima a visitar o blog, principalmente porque não tenho coragem de assinar o feed &#8211; me dá arrepios quando vejo aquele monte de posts não lidos acumulados &#8211; e às vezes acabo esquecendo de visitar.</p>
<p>Eu adoro ver muitos posts quando minha semana não está cheia e eu tenho tempo para ir acompanhando aos pouquinhos. E tenho certeza que muita gente, ao contrário de mim, gosta de poder encontrar muito conteúdo para ler quando pode.</p>
<p>Por outro lado, não estou dizendo que você deve postar raramente. Acho que você pode encontrar uma frequência que te agrade e não dificulte para o seu visitante. Eu, particularmente, prefiro blogs com um só post por dia, e não todos os dias da semana (que tal dias alternados?). Para não correr o risco de perder a sua idéia ou o seu ânimo, você pode criar a postagem, salvar e publicar depois &#8211; ou quem sabe programar para postagem automática.</p>
<hr />
<p>Qual a opinião de vocês sobre tudo isso? Discordam? Concordam? Sentiu falta de algo na lista? Não gostam de algo por aqui? Se sentiu atingido? Me acharam pedante e nunca mais vão voltar nesse blog? D: haha Digam aí!</p>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2011/05/20/5-coisas-que-eu-nao-gosto-no-seu-blog/feed/</wfw:commentRss>
		<slash:comments>59</slash:comments>
		</item>
		<item>
		<title>Tumblr – FAQ 2</title>
		<link>http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/</link>
		<comments>http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/#comments</comments>
		<pubDate>Sun, 16 Jan 2011 07:43:43 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Um]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[redes sociais]]></category>
		<category><![CDATA[tumblr]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=4949</guid>
		<description><![CDATA[Estou com muitas perguntas não respondidas no Formspring e várias são repetidas! Pra facilitar minha própria vida e a de quem servir, resolvi juntar as mais frequentes e fazer esse FAQ. :) No final também estão linkados outros posts do mesmo assunto que podem servir de ajuda se a resposta para sua dúvida não estiver aqui. Tô começando a achar que o Tumblr devia me contratar pra trabalhar no suporte. &#8230;]]></description>
			<content:encoded><![CDATA[<p>Estou com muitas perguntas não respondidas no Formspring e várias são repetidas! Pra facilitar minha própria vida e a de quem servir, resolvi juntar as mais frequentes e fazer esse FAQ. :) No final também estão linkados outros posts do mesmo assunto que podem servir de ajuda se a resposta para sua dúvida não estiver aqui.</p>
<p>Tô começando a achar que o Tumblr devia me contratar pra trabalhar no suporte. (Y) hahah</p>
<h4>Qual tema eu (Emi) uso?</h4>
<p>O tema do meu tumblr é o Maçã Verde, disponível <a title="Maçã Verde – Template para Tumblr" href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/">neste post</a>. O tema é verdinho originalmente, mas você pode customizá-lo completamente no painel para que fique como eu uso no <a href="http://iemai.tumblr.com/">Pra Boi Dormir</a> e no <a href="http://demenina.tumblr.com/">Coisa de Menina</a>. No post também tem as fontes que eu uso nos headers de cada um desses blogs e como criar um topo com imagem como essas. (<em>edição:</em> Atualmente uso o <a href="http://iemai.com.br/blog/2011/01/26/simplicidade-template-para-tumblr/">Simplicidade</a>, disponível <a href="http://iemai.com.br/blog/2011/01/26/simplicidade-template-para-tumblr/">aqui</a>.)</p>
<h4>Como mudar as cores de temas que não possuem a opção de alterar pelo menu de customização?</h4>
<p>Você tem que procurar no código onde as cores estão definidas. Duas dicas para descobrir isso são as seguintes (Se alguém souber uma maneira mais fácil de explicar isso, agradeço! haha):</p>
<blockquote><p><a href="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq02.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-4966 alignleft imgleft" title="Mudando as cores de um tumblr em html" src="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq02-150x150.jpg" alt="" width="150" height="150" /></a><strong>Método 1</strong></p>
<p>Abra o seu tumblr. Clique com o botão direito do mouse na página e depois em “Código Fonte”/“Exibir código fonte”. Usando o Ctrl+F procure o texto que você quer mudar ou o texto mais próximo da parte do layout que você quer alterar a cor. Veja a classe (class) ou o id da div em que ele está inserido.</p>
<p>Use o Ctrl+F novamente para procurar pelo nome da classe/id que você identificou dentro da folha de estilo (O espaço entre &lt;style&gt; e &lt;/style&gt;, onde são determinadas cores, margens, etc). As cores são definidas pela tag <code>color</code>. Para definir a cor branca, por exemplo, a tag é <code>color:#fff</code>.</p>
<p><img class="size-thumbnail wp-image-4969 alignleft imgleft" title="Mudando as cores de um tumblr em html" src="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq01-150x150.jpg" alt="" width="150" height="150" /><strong>Método 2</strong></p>
<p>Às vezes quando a luta é muito grande, eu dou um print screen da página, uso o conta-gotas no Photoshop, seleciono a cor que eu quero alterar e identifico.</p>
<p>Depois procuro com CTRL+F dentro do código.</p>
<p>.</p></blockquote>
<p>Para saber o código de uma cor em html você pode usar um <a title="Seletor de cores em html" href="http://www.ladylony.com/seletordecores.htm" target="_blank">gerador de cores</a> ou, como eu disse, selecionar uma cor no Photoshop e ver o código dela (sempre faço assim!). :)<br />
<span id="more-4949"></span></p>
<h4>Como mudar as fontes de temas que não possuem a opção de mudar?</h4>
<p>Você deve fazer o mesmo passo da busca pela div que dei para as cores. A tag para fontes é <code>font</code>, onde você pode definir tamanho e família, ou <code>font-family</code>, para definir apenas a família.</p>
<p>Exemplo:</p>
<blockquote><p><code>font: 11px Arial, Tahoma, Helvetica, sans-serif;</code></p>
<p>Diz que a fonte terá 11 pixels de tamanho. A fonte usada será Arial. Se o computador não tiver a Arial instalada, usará Tahoma. Se não tiver Tahoma, usará Helvetica. Se não tiver Helvetica, usará qualquer alguma sem serifa.</p></blockquote>
<p>Lembre-se de escolher <a title="Fontes comuns entre Mac e Windows" href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" target="_blank">fontes comuns</a> a todos os computadores, para que os outros vejam o site da mesma forma que você. :) (Sim, tem como usar <a title="Usando fontes &quot;diferentes&quot; em seu site e  blog" href="http://difluir.com/archive/2010/06/usando-fontes-diferentes-no-siteblog/" target="_blank">fonte “diferente”</a> com garantia também.)</p>
<h4>Como definir cursores diferentes em determinados espaços do blog?</h4>
<p>Você define os cursores diferentes colocando o código dentro de divs, classes e ids diferentes. <a title="Tumblr – FAQ e regras importantes: Cursores personalizados" href="http://iemai.com.br/blog/2010/10/25/tumblr-faq-e-regras-importantes/" target="_self">Leia esse post</a> para aprender a instalar cursores personalizados em seu site.</p>
<h4>Como colocar estrelinhas seguindo o mouse?</h4>
<p>Você pode colocar um cursor em formato de estrelas, lendo o link da resposta anterior. :) Só que o que muita gente me pergunta são aquelas estrelinhas &#8220;caindo&#8221;, certo?</p>
<p>Entre no painel de Customização e escolha o menu Theme para editar o html dele (para mais detalhes de como fazer isso, <a href="http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/">leia esse post</a>). Aperte Ctrl+F e procure por <code>&lt;/body&gt;</code> no seu código. Logo acima do código, cole estas linhas (clique no texto da caixa abaixo e use Ctrl+A para selecionar tudo):</p>
<p><textarea class="codigo" cols="70" rows="5" name="codigo"><script type='text/javascript'>
// <![CDATA[
var colour="#FFF200";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
  var i, rats, rlef, rdow;
  for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
  }
  set_width();
  sparkle();
}}
function sparkle() {
  var c;
  if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
      star[c].style.left=(starx[c]=x)+"px";
      star[c].style.top=(stary[c]=y)+"px";
      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
      star[c].style.visibility="visible";
      starv[c]=50;
      break;
    }
  }
  for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
  }
  setTimeout("sparkle()", 40);
}
function update_star(i) {
  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
      star[i].style.top=stary[i]+"px";
      starx[i]+=(i%5-2)/5;
      star[i].style.left=starx[i]+"px";
    }
    else {
      star[i].style.visibility="hidden";
      starv[i]=0;
      return;
    }
  }
  else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
  }
}
function update_tiny(i) {
  if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
  }
  if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
      tiny[i].style.top=tinyy[i]+"px";
      tinyx[i]+=(i%5-2)/5;
      tiny[i].style.left=tinyx[i]+"px";
    }
    else {
      tiny[i].style.visibility="hidden";
      tinyv[i]=0;
      return;
    }
  }
  else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
  if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
  }
  else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
  }
  else if (document.documentElement &#038;&#038; (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
	sdown=document.documentElement.scrollTop;
  }
  else {
    sdown=0;
    sleft=0;
  }
}
window.onresize=set_width;
function set_width() {
  if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
  }
  else if (document.documentElement &#038;&#038; document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
  }
  else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
  }
}
function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  div.style.backgroundColor=colour;
  return (div);
}
// ]]&gt;
</script></textarea></p>
<p>Na terceira linha está definida a cor das estrelinhas :) Mude o <code>#FFF200</code> pela cor que quiser (para saber mais sobre o código de cores, leia a resposta da primeira pergunta). Na quarta linha, <code>sparkles</code> define o número de estrelas que caem, aumente ou diminua o número 50 de acordo com seu gosto.</p>
<h4>Como postar gifs animados?</h4>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq07.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-5051 alignleft imgleft" title="Como postar gifs animados no Tumblr" src="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq07-150x150.jpg" alt="" width="150" height="150" /></a>Pelo que entendi, o problema não é com gifs e sim com o tamanho deles. Se o seu GIF tiver menos de 500 pixels de largura e altura, você pode simplesmente postá-lo como postaria qualquer imagem. Se ele for maior do que essas dimensões, o Tumblr vai diminuir a imagem e ele ficará estático.</p>
<p>Se quiser usar um GIF maior, hospede em outro servidor para imagens (como o <a href="http://pt-br.tinypic.com/" target="_blank">TinyPic</a>, o <a href="http://www.photobucket.com/" target="_blank">Photobucket</a>, etc) e poste a imagem dentro de um post do tipo <strong>Texto</strong>.</p>
<h4>Como criar um segundo Tumblr?</h4>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq05.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-4982 alignleft imgleft" title="Criando um outro tumblr com a mesma conta" src="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq05-150x148.jpg" alt="" width="150" height="148" /></a>Na sua Dashboard, clique na seta ao lado do nome do seu Tumblr padrão e escolha “+ Create a new blog”.</p>
<p>Simples assim.</p>
<p>Lembre-se que Tumblr sempre voltará para a primeira opção quando você acessar a conta, por isso, se for customizar ou editar as opções, clique novamente na seta e escolha o outro blog na lista.</p>
<h4>Como postar no meu segundo Tumblr?</h4>
<p>Quando estiver criando um post, escolha no menu drop-down o blog no qual você quer postar.</p>
<p style="text-align: center;"><a href="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq04.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-4985" title="Como postar no segundo Tumblr" src="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq04-300x111.jpg" alt="" width="300" height="111" /></a></p>
<h4>Como seguir alguém no meu segundo Tumblr?</h4>
<p>Você só pode seguir no seu blog padrão. As pessoas que você segue também só aparecem nele. :(</p>
<h4>Como deixar meu Tumblr privado?</h4>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq03.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-4987 alignleft imgleft" title="Permitindo que um Tumblr seja visualizado apenas com inserção de senha" src="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq03-150x132.jpg" alt="" width="150" height="132" /></a>Seu blog padrão não pode ser privado. Você só pode determinar que um segundo (ou terceiro, quarto&#8230;) Tumblr da conta seja acessado apenas com senha, ou seja, trancado. Na página de customização do seu segundo blog vá no menu Advanced, marque a opção Password protect this blog e defina a senha.</p>
<p>Para destrancar, volte no mesmo lugar e desmarque a opção.</p>
<h4>Como criar um Tumblr em grupo?</h4>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Você tem um Tumblr e quer convidar alguns amigos para postar nele. A permissão de submits (onde você permite que qualquer um envie posts que serão publicados depois da sua autorização) ajuda, mas você também pode convidar alguém e permitir que cada pessoa poste diretamente da conta dela.</p>
<p>O primeiro blog que você cria não permite o convite de usuários. Por isso, se você tiver apenas um blog na sua conta, precisa criar outro. Se já tiver outros, pode convidar as pessoas para postar em qualquer um deles:</p>
<p>1.	Na sua dashboard, escolha o blog que você quer que seja em equipe;</p>
<p>2.	Na lista de informações que aparece logo abaixo do título no menu direito está a função Members, abaixo do seu número de followers.</p>
<p>3.	Na página de Members, o Tumblr permite que você controle os usuários que tem permissão para postar e convide novos usuários.</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq041.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-4989 alignleft imgleft" title="Montando uma equipe de postagem no Tumblr" src="http://iemai.com.br/blog/wp-content/uploads/2011/01/2011jan16-tumblrfaq041-150x150.jpg" alt="" width="150" height="150" /></a>4.	Para convidar alguém, você só precisa digitar o e-mail da pessoa. Ela receberá um convite com um link de confirmação para aceitar fazer parte da equipe.</p>
<p>5.	Para aceitar um convite, faça seu login no Tumblr e use o link de confirmação recebido por e-mail.</p>
<p>Para sair da equipe de um Tumblr ou (caso você seja o administrador do blog) deletar um usuário, volte na mesma página e escolha as opções correspondentes.</p>
<h4>Como deletar meu Tumblr?</h4>
<p>Você não pode deletar o seu blog padrão do Tumblr. Para deletar um segundo blog, o escolha no menu direito. Vá em Members (o mesmo local da questão anterior) e, na lista, clique no botão &#8220;Leave this blog&#8221;. O blog é deletado depois que não há mais nenhum membro.</p>
<h4>Como colocar os links das minhas redes sociais no Tumblr?</h4>
<p>Insira no seu html ou no campo de Descrição (Info ? Customização):</p>
<p><code>&lt;a href="LINK DO SEU PERFIL NA REDE SOCIAL"&gt;NOME DA REDE&lt;/a&gt;</code></p>
<p>Se quiser usar imagens:</p>
<p><code>&lt;a href="URL DA REDE SOCIAL"&gt;&lt;img src="URL DA IMAGEM" /&gt;&lt;/a&gt;</code></p>
<p>Para usar uma imagem, você tem que hospedá-la em algum lugar. O Tumblr tem uma página para upload de imagens que são usadas em temas (mas seja bonzinho e use isso apenas para temas mesmo :P não queremos assassinar o Tumblr). Visite o file uploader <a href="http://www.tumblr.com/themes/upload_static_file" target="_blank">aqui</a>. Escolha o arquivo, confirme e pegue o endereço que ele vai te disponibilizar para colocar ali no campo de url.</p>
<h4>Como colocar imagens na descrição (inclui barrinhas e lacinhos)?</h4>
<p>Use o seguinte código:</p>
<p><code>&lt;img src="URL DA IMAGEM" /&gt;</code></p>
<p>Leia a resposta da pergunta anterior para aprender a fazer upload de imagens e pegar seus urls.</p>
<p>A barrinha de lacinho e os ícones de coração que uso no <a href="http://demenina.tumblr.com/" target="_blank">Coisa de Menina</a> foram colocados assim. Eles são do site <a href="http://casinhadasgifs.zip.net/">Casinha das Gifs</a>. Procure em &#8220;Para seu blog&#8221; e depois &#8220;Barrinhas&#8221;. :)</p>
<h4>Como colocar um calendário com ícones?</h4>
<p><a title="Calendário - agenda com imagens" href="http://kinha-mil.vilabol.uol.com.br/calendarioagenda.html" target="_blank">Esse site</a> ensina e disponibiliza o código.</p>
<h4>Como colocar a caixa do Formspring, os Tweets e a Nuvem de Tags no Tumblr?</h4>
<p>Leia <a href="http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/" target="_blank">esse post</a>. ;)</p>
<h4>Onde acho fundos legais para usar?</h4>
<p>Leia os posts da <a href="http://iemai.com.br/blog/tag/backgrounds/" target="_blank">tag background</a>. :)</p>
<h4>Você (Emi) usa msn? (?)</h4>
<p>Não. mwuahea</p>
<hr />Por enquanto é isso. Espero não ter tornado as coisas ainda mais desesperadoras! D:</p>
<blockquote><p><strong><big><big>Veja também:</big></big></strong></p>
<ul>
<li><a href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/" target="_blank">“Maçã Verde”</a> e <a href="http://iemai.com.br/blog/2011/01/26/simplicidade-template-para-tumblr/" target="_blank">&#8220;Simplicidade&#8221;</a>, templates free para Tumblr.</li>
<li><a href="http://iemai.com.br/blog/2010/01/29/o-que-voce-precisa-saber-sobre-o-tumblr/" target="_blank">Saiba o que é e como funciona o Tumblr. Aprenda a habilitar comentários.</a></li>
<li><a href="http://iemai.com.br/blog/2010/10/05/mais-dicas-para-o-tumblr/" target="_blank">Aprenda a personalizar sua dashboard, postar diretamente de flickrs e outros serviços. Conheça outras dicas.</a></li>
<li><a href="http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/" target="_blank">Veja o “Guia básico do Tumblr – Customização”.</a></li>
<li>Backgrounds para o seu tumblr, twitter e blog: <a href="http://iemai.com.br/blog/2010/07/19/backgrounds-para-blog-tumblr-e-twitter/" target="_blank">Parte 1</a> e <a href="http://iemai.com.br/blog/2010/11/07/backgrounds-parte-2/" target="_blank">Parte 2</a>.</li>
<li><a href="http://iemai.com.br/blog/2010/10/25/tumblr-faq-e-regras-importantes/">Aprenda a adicionar barra de música, cursores personalizados, contador e favicon.</a></li>
<li><a href="http://iemai.com.br/blog/2011/03/08/temas-para-tumblr-favoritos-da-julia/" target="_blank">Dicas de vários temas legais.</a></li>
<li><a href="http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/" target="_blank"></a>Quer me seguir no tumblr? <a href="http://iemai.tumblr.com/" target="_blank">iemai.tumblr.com</a> &lt;3</li>
</ul>
<p><strong>Se você está procurando ajuda para seu Tumblr, talvez deva buscar no <a href="http://iemai.com.br/blog/tumblr/">índice</a>, onde estão listados os principais tópicos de esclarecimento que você pode precisar dos posts acima.</strong>
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Tumblr – FAQ e regras importantes</title>
		<link>http://iemai.com.br/blog/2010/10/25/tumblr-faq-e-regras-importantes/</link>
		<comments>http://iemai.com.br/blog/2010/10/25/tumblr-faq-e-regras-importantes/#comments</comments>
		<pubDate>Mon, 25 Oct 2010 21:18:17 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Top 10]]></category>
		<category><![CDATA[z-Tres]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[redes sociais]]></category>
		<category><![CDATA[tumblr]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=4382</guid>
		<description><![CDATA[Este post ensina a usar cursores personalizados, favicon, contadores, players de música e alguns outros recursos que muita gente me pergunta como fazer. Porém, antes de ensinar, preciso estabelecer algumas regras que você realmente deve saber, as coisas para não se fazer com seu Tumblr – nem com seu blog, site, ou o que quer que seja. Para que eu não ensine vocês a criarem armas de destruição em massa, &#8230;]]></description>
			<content:encoded><![CDATA[<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Este post ensina a usar cursores personalizados, favicon, contadores, players de música e alguns outros recursos que muita gente me pergunta como fazer.</p>
<p>Porém, antes de ensinar, preciso estabelecer algumas regras que você realmente deve saber, as coisas para não se fazer com seu Tumblr – nem com seu blog, site, ou o que quer que seja. Para que eu não ensine vocês a criarem armas de destruição em massa, antes de seguir qualquer dica posterior deste post, <strong>leia esta lista que é garantia pura para o seu sucesso. Seu número de followers vai disparar</strong>! (É, não é verdade, mas eu sei que falando isso vocês vão prestar mais atenção. Pelo menos evitaremos que o seu número de followers CAIA drasticamente.)<br />
<strong><br />
</strong></p>
<h4><strong>Regras do bom senso e as velhas netiquetas</strong></h4>
<ol>
<li><strong>Nunca, jamais, EM HIPÓTESE ALGUMA coloque qualquer música que toque automaticamente no seu site.</strong> Tenha esse respeito pelas pessoas: alguns estão na internet escondidos no trabalho, outros não gostam das músicas que você gosta, alguns estão com o som super alto, outros ouvindo músicas próprias etc. Se a pessoa quiser realmente ouvir a música, ela vai clicar para ouvir. Enfim, áudio automático é detestável e só você acha legal.</li>
<li><strong>Coisas espalhafatosas são feias.</strong> Sem saudosismo. A moda dos anos 90 não era feia? Na internet ela também era feia, e espalhafatosa. Imagens animadas no fundo de uma página, posts que parecem carros alegóricos&#8230; Nada disso é legal e já saiu de moda há muito tempo.</li>
<li><strong>Você gosta de cursores personalizados? Tudo bem, mas tenha bom senso. </strong>A regra anterior se aplica aqui também. A verdade é que cursores com <em>balangodandos </em>não são admirados pela maioria dos internautas, mas coisas discretas ainda são até aceitas. Quer ser feliz? Seja, use, mas não exagere.</li>
<li><strong>Ninguém gosta do botão direito do mouse desabilitado. </strong>Nem todo mundo quer te roubar, pelo contrário. Alguns só querem forçar uma nova janela ou copiar algo para se lembrar depois, salvar algo no pc para guardar para sempre etc. Saiba que as pessoas que não queriam roubar seu conteúdo são as que mais se irritarão com esta prática. O ladrãozinho simplesmente vai dar outro jeito de fazer a <em>maracutaia</em>.</li>
<li><strong>Preciso mesmo ainda dizer que é ridículo pedir para alguém te seguir?</strong> As pessoas legais vão seguir você porque entraram no seu site e gostaram do que você fez. Aliás, elas podem até gostar do conteúdo e NÃO te seguir por causa do seu pedido. As pessoas que te seguem só porque você pediu são aquelas que não estão nem aí pro que você está fazendo, só querem saber dos números no status dela. Enfim, fica feio pra você – e é melhor você desconfiar delas.</li>
<li><strong>JÁ CANSEI DE DIZER ISSO, MAS REPITO: DÊ CRÉDITOS.</strong> Nada me irrita mais do que quando eu estou passeando por um Tumblr bacana com um conteúdo legal, mas que não foi produzido pelo autor, e, quando eu clico numa foto para ver outros trabalhos do autor verdadeiro, nada do link. Enfim, às vezes não reblogo o post só por isso, e comecei a dar unfollow nesse tipo de gente. Me perdoe a ignorância, mas <strong>deixe de ser idiota</strong>. É falta de respeito, é abuso, é feio. Botar um link não dói, não cai o dedo, não é difícil. Acho que tem gente que não faz isso porque acha que os outros vão entrar no flickr e “roubar todas as fotos legais que ele vai postar depois”. Me poupe. Se você é adepto disso, desejo muito que todos roubem os conteúdos próprios de vocês. :) Se você fazia sem saber que era errado, <a href="http://iemai.com.br/blog/2010/10/05/mais-dicas-para-o-tumblr/">aqui ensino a postar rapidinho e ainda dar créditos automaticamente</a>.</li>
<li>Por fim, volto a dizer: <strong>tenha bom senso</strong>.</li>
</ol>
<p>Agora que você já sabe o que não deve fazer, vamos ver como fazer tudo isso lembrando de executar de uma forma que não vá ferir nenhuma dessas preciosas regras. Caso contrário, você terá uma hora para enviar esse post para cinco pessoas se não quiser perder todos os seus followers e todos os seus amigos de todas as suas redes sociais. (Terrível, né?)</p>
<p><span id="more-4382"></span></p>
<h4><strong>Barra de música</strong></h4>
<p><a href="http://www.streampad.com/"><img class="alignnone size-full wp-image-4422 antiborda" title="Streampad" src="http://iemai.com.br/blog/wp-content/uploads/2010/10/10out25-1.jpg" alt="" width="650" height="30" /></a></p>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Só digo isso porque eu sei que você não esqueceu a regra nº1: o serviço mais usado para músicas no Tumblr é o <a href="http://www.streampad.com/">Streampad</a>. Ele cria aquela barrinha horizontal que fica no rodapé do Tumblr e que permite que você ouça músicas enquanto vê os posts. O que ele faz, na verdade, é disponibilizar uma playlist com todos os áudios que você já postou.</p>
<p>A instação é super fácil. Entre no <a href="http://www.streampad.com/" target="_blank">site</a>, clique no link &#8220;Get the Code&#8221; e escolha o serviço para o Tumblr (Ele também pode ser usado no WordPress, TypePad, Blogger e outros.). Ele vai abrir as instruções de instalação e customização.</p>
<p>Copie o código disponibilizado e cole antes da tag &lt;/head&gt; <a href="http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/">no HTML do seu Tumblr</a>. Salve as alterações.</p>
<p>Na customização você escolhe as cores da barra, habilita e desabilita controle de volume, botão de play, popout (importante porque o visitante pode abrir a nova janela, <em>se quiser</em>, e a música não voltará ao ínicio toda vez que ele mudar de página) e outras coisas que incluem o mais importante: o autoplay (pro qual você vai dar um belo &#8220;No&#8221;, claro). Se você fizer alterações, volte a copiar o código, que também será alterado.</p>
<h4><strong><strong>Cursores personalizados<br />
</strong></strong></h4>
<p><img class="size-full wp-image-4437 alignright antibordaright" title="Cursor animado" src="http://iemai.com.br/blog/wp-content/uploads/2010/10/10out25-3.jpg" alt="" width="300" height="297" />Muita gente me pergunta como &#8220;colocar estrelinhas no mouse&#8221; e outros tipos de imagem, animadas ou não. Bom senso, gente, bom senso!) Para substituir o cursor padrão do mouse, vá na página de <a href="http://www.tumblr.com/customize/iemai">Customização</a> e no menu Advanced, coloque este código no campo <strong>Add Custom CSS</strong>:</p>
<blockquote><p>html, body {cursor: url(ENDEREÇO DO CURSOR), auto }</p></blockquote>
<p>Substitua ENDEREÇO DO CURSOR pela url da imagem a ser usada. Se você tem uma imagem no seu computador e quer usá-la, faça o <a href="http://www.tumblr.com/themes/upload_static_file">upload</a> dela, copie o endereço e coloque aí.</p>
<blockquote><p><small>Você também pode incluir este código dentro do style no CUSTOM HTML. Com um pouco mais de noção de html você pode especificar onde os cursores aparecem, delimitando por divs ou por links, por exemplo.</small></p>
<p><small>O cursor que ilustra este post é do site <a href="http://blogdepostagensdacasinha.zip.net/" target="_blank">Casinha das Gifs</a>. Para achar mais é só sair procurando no Google por <em>cursores</em> e <em>cursores animados</em>. :)</small></p></blockquote>
<h4><strong><strong>Contador</strong></strong></h4>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Existem um milhão de serviços de contador por aí. Provavelmente, o contador de visitas mais bacana que você pode usar é o <a href="http://www.google.com/analytics/" target="_blank">Google Analytics</a>. Para criar um, basta ter uma conta no Google. Você instala no seu Tumblr o código que ele disponibiliza e vai ter relatórios super completos dos seus visitantes. Além disso, você não vai precisar mostrar o seu contador para ninguém.</p>
<p>Se o que você está procurando é mesmo este contador com números aparecendo que você vê nos tumblrs por aí, pode encontrar em serviços como o  <a href="http://www.hit-counts.com/">Hit-Counts</a> e o <a href="http://contador.s12.com.br/" target="_blank">S12</a>. Lembre-se que eles praticamente não querem dizer nada. Só apresentam o número total de visitas, não o número de visitantes únicos, o que quer dizer que eles incluem aquelas pessoas que ficam atualizando a página sem parar e cada página que as pessoas visitam. :P</p>
<h4><strong><strong>Favicon<br />
</strong></strong></h4>
<p><img class="alignnone size-full wp-image-4431 antiborda" title="Favicon" src="http://iemai.com.br/blog/wp-content/uploads/2010/10/10out25-2.jpg" alt="" width="650" height="23" /></p>
<p>Favicon é este ícone pequeninho que representa o seu site na barra de navegação e de favoritos. Aqui no blog, por exemplo, o favicon é essa asinha.</p>
<p>O tumblr tem um sitema de favicon automático que determina como padrão o avatar que você está usando, upado no menu Info, dentro da Customização. Você pode, no entanto, substituir este ícone por qualquer outro que você quiser sem alterar seu avatar.</p>
<p>Crie um favicon no tamanho de 16&#215;16, grave em formato .ICO ou .PNG, faça <a href="http://www.tumblr.com/themes/upload_static_file">upload</a>. Na customização, no menu Theme, selecione a opção CUSTOM HTML. Na linha abaixo, substitua o texto <em>{Favicon}</em> pela url da sua imagem:</p>
<blockquote><p>&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;{Favicon}&#8221;&gt;</p></blockquote>
<p>Era isso. Espero que o post seja útil. :)</p>
<blockquote><p><strong><big><big>Veja também:</big></big></strong></p>
<ul>
<li><a href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/" target="_blank">“Maçã Verde”</a> e <a href="http://iemai.com.br/blog/2011/01/26/simplicidade-template-para-tumblr/" target="_blank">&#8220;Simplicidade&#8221;</a>, templates free para Tumblr.</li>
<li><a href="http://iemai.com.br/blog/2010/01/29/o-que-voce-precisa-saber-sobre-o-tumblr/" target="_blank">Saiba o que é e como funciona o Tumblr. Aprenda a habilitar comentários.</a></li>
<li><a href="http://iemai.com.br/blog/2010/10/05/mais-dicas-para-o-tumblr/" target="_blank">Aprenda a personalizar sua dashboard, postar diretamente de flickrs e outros serviços. Conheça outras dicas.</a></li>
<li><a href="http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/" target="_blank">Veja o “Guia básico do Tumblr – Customização”.</a></li>
<li>Backgrounds para o seu tumblr, twitter e blog: <a href="http://iemai.com.br/blog/2010/07/19/backgrounds-para-blog-tumblr-e-twitter/" target="_blank">Parte 1</a> e <a href="http://iemai.com.br/blog/2010/11/07/backgrounds-parte-2/" target="_blank">Parte 2</a>.</li>
<li><a href="http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/" target="_blank">FAQ: Tumblr privado ou em grupo, estrelas no mouse, imagens, calendários, etc.</a></li>
<li><a href="http://iemai.com.br/blog/2011/03/08/temas-para-tumblr-favoritos-da-julia/" target="_blank">Dicas de vários temas legais.</a></li>
<li><a href="http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/" target="_blank"></a>Quer me seguir no tumblr? <a href="http://iemai.tumblr.com/" target="_blank">iemai.tumblr.com</a> &lt;3</li>
</ul>
<p><strong>Se você está procurando ajuda para seu Tumblr, talvez deva buscar no <a href="http://iemai.com.br/blog/tumblr/">índice</a>, onde estão listados os principais tópicos de esclarecimento que você pode precisar dos posts acima.</strong>
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2010/10/25/tumblr-faq-e-regras-importantes/feed/</wfw:commentRss>
		<slash:comments>103</slash:comments>
		</item>
		<item>
		<title>Mais dicas para o Tumblr</title>
		<link>http://iemai.com.br/blog/2010/10/05/mais-dicas-para-o-tumblr/</link>
		<comments>http://iemai.com.br/blog/2010/10/05/mais-dicas-para-o-tumblr/#comments</comments>
		<pubDate>Tue, 05 Oct 2010 21:34:50 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Dois]]></category>
		<category><![CDATA[z-Top 10]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[redes sociais]]></category>
		<category><![CDATA[tumblr]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=4162</guid>
		<description><![CDATA[Hoje o post é meio rápido e traz três dicas boazinhas que talvez você já conheça, mas que podem ser úteis para customizar e utilizar seu Tumblr: (1) veja como personalizar sua Dashboard, (2) aprenda postar diretamente de outros sites utilizando um Bookmarklet e (3) saiba como criar um widget de posts recentes. - Personalizando sua dashboard O Stylish é um plugin para Firefox e Chrome que possibilita a utilização &#8230;]]></description>
			<content:encoded><![CDATA[<p>Hoje o post é meio rápido e traz três dicas boazinhas que talvez você já conheça, mas que podem ser úteis para customizar e utilizar seu Tumblr: <strong>(1)</strong> veja como personalizar sua Dashboard,<strong> (2) </strong>aprenda postar diretamente de outros sites utilizando um Bookmarklet e<strong> (3)</strong> saiba como criar um widget de posts recentes.</p>
<h3><strong>- Personalizando sua dashboard</strong></h3>
<p style="text-align: center;"><img class="alignnone size-full wp-image-4169 antiborda" title="Dashboard do Tumblr com fundo e ícones diferentes :)" src="http://iemai.com.br/blog/wp-content/uploads/2010/10/10out05.jpg" alt="" width="650" height="383" /></p>
<p>O <a href="http://userstyles.org/" target="_blank">Stylish</a> é um plugin para <a href="http://br.mozdev.org/" target="_blank">Firefox</a> e <a href="http://www.google.com/chrome?hl=pt-BR" target="_blank">Chrome</a> que possibilita a utilização de temas para determinados serviços, incluindo o Tumblr. Com ele você podepersonalizar o background, os ícones e todo o aspecto do seu Painel de Controle.</p>
<p>Entre no site, escolha o Firefox ou Chrome logo no segundo parágrafo e faça a instalação do add-on. Depois de reiniciar seu navegador, volte para o site e faça uma busca por Tumblr lá barra que fica no canto superior direito. Visite os temas listados e escolha o seu preferido. Depois é só clicar em “Install with Stylish” no botão que aparece do lado direito. O tumblr mudará automaticamente, até se a janela já estiver aberta. :)<br />
&nbsp;</p>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<img class="size-full wp-image-4171 antiborda" title="Desinstale e edite seus temas da Dashboard" src="http://iemai.com.br/blog/wp-content/uploads/2010/10/10out05-2.jpg" alt="" width="300" height="219" /></p>
<p>Você pode desinstalar e editar os temas indo em Ferramentas &#8211;&gt; Complementos &#8211;&gt; Estilos de usuários.</p>
<p>O tema da imagem acima é o <strong><a href="http://userstyles.org/styles/35867" target="_blank">Perfect Lullaby</a></strong>.<br />
<span id="more-4162"></span></p>
<h3><strong>- Postando diretamente<br />
</strong></h3>
<p><strong> </strong></p>
<p><img class="alignnone size-full wp-image-4183 antiborda" title="Instale o bookmarklet e poste diretamente das páginas dos autores" src="http://iemai.com.br/blog/wp-content/uploads/2010/10/10out05-4.jpg" alt="" width="650" height="381" /></p>
<blockquote><p><small>Céus, isso é a coisa a qual eu mais queria todos fossem adeptos. Eu destesto muito ver uma foto legal no tumblr, tentar clicar para ir ver mais trabalhos do autor e não encontrar o link. Acho uma super falta de respeito.</small></p></blockquote>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/10/10out05-3.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-4181 antibordaright alignright" title="Instale o bookmarklet e poste diretamente da barra de favoritos" src="http://iemai.com.br/blog/wp-content/uploads/2010/10/10out05-3-150x150.jpg" alt="" width="150" height="150" /></a>Na página <a href="http://www.tumblr.com/goodies" target="_blank">Goodies</a> do próprio Tumblr há um simples Bookmarklet. Você só tem que entrar <a href="http://www.tumblr.com/goodies" target="_blank">nesta página</a>, clicar no botão “Share on Tumblr” e arrastá-lo para sua barra de favoritos. Depois disso, quando estiver em algum site (Flickr, Fotolog, YouTube, o que for&#8230;) e gostar de algo, só precisa clicar no botão e, sem precisar ir para o Tumblr, uma janelinha de postagem irá abrir.</p>
<p>Simples, maravilhoso e você nem vai ter o trabalho de criar um link de crédito para a página original porque o script vai fazer isso para você. Serve para outros tipos de postagem além de imagem também &#8211; como vídeos, quotes, etc.</p>
<h3><strong>- Widget de Posts Recentes no Tumblr</strong></h3>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Quer listar seus posts recentes?<strong> </strong>O <a href="http://scattered.marklowne.com/post/88185938/recent-posts-widget-for-tumblr" target="_blank">Scattered intractability</a> disponibiliza um script muito similar ao da <a href="http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/">Nuvem de Tags</a> que faz este serviço para você. :) Você só precisa encaixar o seguinte código na sua sidebar ou onde quiser que a listagem apareça.</p>
<blockquote><p><small>{block:PermalinkPagination}<br />
&lt;div&gt;Posts recentes&lt;/div&gt;<br />
&lt;div&gt;&lt;script type=&#8221;text/javascript&#8221; src=&#8221;http://www.marklowne.com/tumblr-recent.js?num=5&amp;type=all&amp;titlelen=60&amp;len=0&#8243;&gt;&lt;/script&gt;&lt;/div&gt;<br />
{/block:PermalinkPagination}</small></p></blockquote>
<p>Ele só vai aparecer em páginas internas ou nas páginas dos próprios posts. <a href="http://scattered.marklowne.com/post/88185938/recent-posts-widget-for-tumblr" target="_blank">Visite o site</a> para ver algumas customizações do código, como tipo de posts a serem listados, número de caracteres etc. :)</p>
<p>Espero que as dicas sejam úteis!</p>
<blockquote><p><strong><big><big>Veja também:</big></big></strong></p>
<ul>
<li><a href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/" target="_blank">“Maçã Verde”</a> e <a href="http://iemai.com.br/blog/2011/01/26/simplicidade-template-para-tumblr/" target="_blank">&#8220;Simplicidade&#8221;</a>, templates free para Tumblr.</li>
<li><a href="http://iemai.com.br/blog/2010/01/29/o-que-voce-precisa-saber-sobre-o-tumblr/" target="_blank">Saiba o que é e como funciona o Tumblr. Aprenda a habilitar comentários.</a></li>
<li><a href="http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/" target="_blank">Veja o “Guia básico do Tumblr – Customização”.</a></li>
<li>Backgrounds para o seu tumblr, twitter e blog: <a href="http://iemai.com.br/blog/2010/07/19/backgrounds-para-blog-tumblr-e-twitter/" target="_blank">Parte 1</a> e <a href="http://iemai.com.br/blog/2010/11/07/backgrounds-parte-2/" target="_blank">Parte 2</a>.</li>
<li><a href="http://iemai.com.br/blog/2010/10/25/tumblr-faq-e-regras-importantes/">Aprenda a adicionar barra de música, cursores personalizados, contador e favicon.</a></li>
<li><a href="http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/" target="_blank">FAQ: Tumblr privado ou em grupo, estrelas no mouse, imagens, calendários, etc.</a></li>
<li><a href="http://iemai.com.br/blog/2011/03/08/temas-para-tumblr-favoritos-da-julia/" target="_blank">Dicas de vários temas legais.</a></li>
<li><a href="http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/" target="_blank"></a>Quer me seguir no tumblr? <a href="http://iemai.tumblr.com/" target="_blank">iemai.tumblr.com</a> &lt;3</li>
</ul>
<p><strong>Se você está procurando ajuda para seu Tumblr, talvez deva buscar no <a href="http://iemai.com.br/blog/tumblr/">índice</a>, onde estão listados os principais tópicos de esclarecimento que você pode precisar dos posts acima.</strong>
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2010/10/05/mais-dicas-para-o-tumblr/feed/</wfw:commentRss>
		<slash:comments>133</slash:comments>
		</item>
		<item>
		<title>Guia básico do Tumblr – Customização</title>
		<link>http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/</link>
		<comments>http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/#comments</comments>
		<pubDate>Sat, 31 Jul 2010 04:06:02 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Dois]]></category>
		<category><![CDATA[z-Top 10]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[redes sociais]]></category>
		<category><![CDATA[tumblr]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=3769</guid>
		<description><![CDATA[Como muita gente me pergunta várias coisas sobre o Tumblr, resolvi escrever um post que talvez possa ajudar a tirar as dúvidas mais comuns. Esta postagem trata sobre a customização do seu tumblr e tenta dar uma ajuda a quem não tem prática com html ou simplesmente está meio perdido. Para saber mais sobre o serviço, sobre como criar sua conta e alguns outros detalhes, peço que leia o “O &#8230;]]></description>
			<content:encoded><![CDATA[<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Como muita gente me pergunta várias coisas sobre o Tumblr, resolvi escrever um post que talvez possa ajudar a tirar as dúvidas mais comuns. Esta postagem trata sobre a customização do seu tumblr e tenta dar uma ajuda a quem não tem prática com html ou simplesmente está meio perdido.</p>
<p>Para saber mais sobre o serviço, sobre como criar sua conta e alguns outros detalhes, peço que leia o “<a href="http://iemai.com.br/blog/2010/01/29/o-que-voce-precisa-saber-sobre-o-tumblr/">O que você precisa saber sobre o Tumblr</a>”. Se você está procurando por um tema, visite “<a href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/">Maçã Verde – Template para Tumblr</a>”.</p>
<h4><strong>Customização</strong></h4>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-full wp-image-3791 antibordaleft alignleft" title="tumblr-customize" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize.jpg" alt="" width="138" height="129" /></a>Ok, você está na <a href="http://www.tumblr.com/customize/" target="_blank">página de customização</a>. No topo da pré-visualização, você encontra o menu principal com &#8220;Info&#8221;, &#8220;Theme&#8221;, &#8220;Appearance&#8221;, &#8220;Pages&#8221;, &#8220;Services&#8221;, &#8220;Community&#8221; e &#8220;Advanced&#8221;.</p>
<p>Apesar de falar de cada um destes links, o foco do post está nos três primeiros. Além disso, aqui você encontra como colocar no seu tumblr<strong> caixas de perguntas do Formspring</strong>, <strong>nuvens de tags</strong> e os seus <strong>tweets</strong> (para saber como <strong>habilitar comentários</strong>, <a href="http://iemai.com.br/blog/2010/01/29/o-que-voce-precisa-saber-sobre-o-tumblr/#disqus">leia este post</a>).</p>
<p>Agora vamos ver um pouco mais sobre cada um dos submenus e suas opções.</p>
<h5><strong>Info</strong></h5>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-info.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignleft antiborda antibordaleft" title="tumblr-customize-info" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-info-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Em Info estão realmente as informações mais básicas. Muita gente vai preferir nem ir além destas configurações.</p>
<p><strong>Title</strong> &#8211; Título do seu blog. Se você não tiver nenhuma imagem no cabeçalho, este texto aparecerá.</p>
<p><strong>Description</strong> &#8211; Descrição. É geralmente o texto que irá aparecer na sidebar do seu tumblr na maioria dos templates. Você pode inserir aqui links, listas e até widgets (como o do formspring, por exemplo).</p>
<blockquote><p><small><strong>Html SUPER básico que você pode precisar:</strong></small></p>
<ul>
<li><small><strong>Links:</strong> &lt;a href=&#8221;<em>Endereço do link</em>&#8221; title=&#8221;</small><small><em>Texto que aparecerá se a pessoa deixar o mouse em cima da imagem</em></small><small>&#8220;&gt;<em>Texto a ser linkado</em>&lt;/a&gt;</small></li>
<li><small><strong>Imagens:</strong> &lt;img src=&#8221;<em>Endereço da imagem</em>&#8221; alt=&#8221;<em>Texto que aparecerá no lugar da imagem se ela não abrir</em>&#8220;  Title=&#8221;<em>Texto que aparecerá se a pessoa deixar o mouse em cima da imagem</em>&#8221; /&gt;</small></li>
<li><small><strong>Imagens com links:</strong> É só colocar o código html da imagem ao invés do<em> Texto a ser linkado. </em></small></li>
<li><small><strong>Negrito: </strong>&lt;b&gt;Texto em negrito.&lt;/b&gt;<br />
</small></li>
<li><small><strong>Itálico:</strong> &lt;i&gt; Texto em itálico.&lt;/i&gt;</small></li>
<li><small><strong>Negrito e itálico: </strong>&lt;b&gt;&lt;i&gt;Texto em negrito e em itálico.&lt;/b&gt;&lt;/i&gt;<br />
</small></li>
</ul>
<p><small>Mais dicas? <a href="http://www.google.com.br/search?q=html+b%C3%A1sico&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:pt-BR:official&amp;client=firefox-a" target="_blank">Google</a>! :)</small></p></blockquote>
<p><strong>Portrait Photo</strong> &#8211; A foto que é seu &#8220;avatar&#8221; no tumblr. A imagem que você upa aqui aparece na sua Dashboard e na de outros usuários quando você tem uma nova postagem, e também é usada como favicon (aquele ícone pequenininho que representa sua página ali na barra de navegação e nas pastas de Favoritos). Em alguns templates, essa imagem também aparece na sidebar.</p>
<p><strong>URL -</strong> O endereço do seu tumblr. Você pode mudá-lo na hora que quiser.</p>
<p><strong>Use a custom domain name -</strong> Pra quem quer um domínio .com.br. <em>Exemplo: meutumblr.com.br. </em>Você vai precisar <a href="http://www.google.com.br/search?q=como+registrar+um+dom%C3%ADnio&amp;ie=utf-8&amp;oe=utf-8&amp;aq=t&amp;rls=org.mozilla:pt-BR:official&amp;client=firefox-a" target="_blank">registrar um domínio</a> (normalmente custa uma média de R$30 por ano) e <a href="http://www.tumblr.com/docs/custom_domains" target="_blank">configurá-lo</a>.</p>
<h5><strong><span id="more-3769"></span>Theme</strong></h5>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-theme.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignleft antiborda antibordaleft" title="tumblr-customize-theme" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-theme-150x150.jpg" alt="" width="150" height="150" /></a>É aqui que toda a mágica acontece :) Em Theme você pode:</p>
<p>(1) <strong>escolher um dos temas disponíveis na lista</strong> (É só clicar para ter um preview de como vão ficar. Os primeiros são pagos.);</p>
<p>(2) clicar em &#8220;<strong>Browse more themes&#8230;</strong>&#8221; e procurar mais temas. O Tumblr tem um arquivo cheeeio de temas para você;</p>
<p>(3) clicar em &#8220;<strong>Use custom HTML</strong>&#8221; e usar um tema customizado que não está no banco de dados do site (o <a href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/">Maçã Verde</a>, por exemplo), ou customizar o tema que você já selecionou anteriormente;</p>
<p>(4) clicar em &#8220;<strong>+ Contribute a theme</strong>&#8221; e contribuir com seu próprio tema para o banco de dados do sistema.</p>
<h5><strong>Use Custom HTML</strong></h5>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-usecustom.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignleft antiborda antibordaleft" title="tumblr-customize-usecustom" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-usecustom-150x150.jpg" alt="" width="150" height="150" /></a>Quando você escolhe editar o html do seu tema, é aberto o campo de customização do código. Pra mexer aí, você vai ter que ter um pouco de noção de html. :)</p>
<p>Para voltar aos temas, clique em &#8220;<strong>Disable Custom HTML</strong>&#8220;. Em &#8220;<strong>Theme Docs</strong>&#8221; estão as tags usadas pelo sistema. Quando você fizer alterações, clique em &#8220;<strong>Update preview</strong>&#8221; para checar.</p>
<p>Algumas dicas:</p>
<p><strong>- <a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-formspring.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignright antiborda2 antibordaright" title="tumblr-customize-formspring" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-formspring-150x150.jpg" alt="" width="150" height="150" /></a>Como colocar uma caixa de perguntas do FORMSPRING?</strong></p>
<p>Na página do <a href="http://www.formspring.me/">Formspring</a>, faça login, entre nas Configurações (<strong>Settings</strong>) e escolha a opção de<strong> Widgets </strong>no menu que aparece no canto direito. Uma caixa irá aparecer com o código que você usa para colocar o Formspring no seu blog. Encaixe esse código no seu Tumblr (<strong>você pode inserir na sua <em>Descrição</em> em <em>Info</em> se não souber onde colocá-lo!</strong>).</p>
<p>.</p>
<p><strong><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-tagclouds.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignright antiborda2 antibordaright" title="tumblr-customize-tagclouds" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-tagclouds-150x150.jpg" alt="" width="150" height="150" /></a>- Como colocar uma nuvem de TAGS?</strong></p>
<p><a href="http://tumblrtags.rivers.pro/" target="_blank">Este site</a> tem um script de tag clouds. Você só precisa colocar <a href="http://tumblrtags.rivers.pro/" target="_blank">este código</a> em algum lugar do seu Tumblr (<strong>você pode inserir na sua <em>Descrição</em> em <em>Info</em> se não souber onde colocá-lo!</strong>). O site também dá dicas de como customizar este código.</p>
<p>Para uma pré-visualização, coloque o endereço do seu tumblr no campo disponível à direita da página e clique em preview. Claro que você<em> precisa usar tags</em> no seu tumblr para que isto seja possível! :)</p>
<p>A nuvem de tags não aparece no modo de preview, você precisa salvar e checar no seu tumblr.</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-tweets.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-3783 alignright antiborda2 antibordaright" title="tumblr-customize-tweets" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-tweets-150x150.jpg" alt="" width="150" height="150" /></a><strong>- Como colocar meus TWEETS?</strong></p>
<p>É muito provável que seu tema já tenha essa opção. Se sim, você só precisa inserir seus dados em <strong>Services</strong> (que eu explico mais adiante). Se não, siga esses passos:</p>
<p>Antes de &lt;/body&gt; coloque este código:</p>
<blockquote><p><small>{block:Twitter}<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;/tweets.js&#8221;&gt;&lt;/script&gt;<br />
{/block:Twitter}</small></p></blockquote>
<p>No lugar onde você quer que seus tweets apareçam, coloque o código a seguir. (Se depois de usar esse código você notar que algumas vezes os tweets não aparecem, não se importe muito. É normal. Além disso, os tweets também não aparecem na página de preview, você vai precisar salvar e checar no seu tumblr.)</p>
<blockquote><p><small>{block:Twitter}<br />
&lt;div id=&#8221;twitter&#8221; style=&#8221;display:none;&#8221;&gt;<br />
&lt;h3&gt;&lt;a href=&#8221;http://twitter.com/{TwitterUsername}&#8221;&gt;<strong>Tweets</strong>&lt;/a&gt;&lt;/h3&gt;</small></p>
<p><small>&lt;div id=&#8221;tweets&#8221;&gt;&lt;/div&gt;<br />
&lt;/div&gt;</small></p>
<p><small>&lt;script type=&#8221;text/javascript&#8221;&gt;<br />
function recent_tweets(data) {<br />
for (i=0; i&lt;data.length; i++) {<br />
document.getElementById(&#8220;tweets&#8221;).innerHTML =<br />
document.getElementById(&#8220;tweets&#8221;).innerHTML +<br />
&#8216;&lt;a href=&#8221;http://twitter.com/{TwitterUsername}/status/&#8217; +<br />
data[i].id + &#8216;&#8221;&gt;&lt;div&gt;&#8217; + data[i].text +<br />
&#8216;&lt;/div&gt;&lt;/a&gt;&#8217;;<br />
}<br />
document.getElementById(&#8220;twitter&#8221;).style.display = &#8216;block&#8217;;<br />
}<br />
&lt;/script&gt;<br />
{/block:Twitter}</small></p></blockquote>
<h5>Appearance</h5>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-appearance.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-3784 alignleft antiborda antibordaleft" title="tumblr-customize-appearance" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-appearance-150x150.jpg" alt="" width="150" height="150" /></a>Em Appearance você vai poder mudar as cores que seu template disponibiliza para alteração não manual e mais algumas coisas:</p>
<p>Geralmente você vai poder mudar a cor de fundo (Background Color), a cor dos links (Link Color), a cor dos títulos dos posts (Post Title Color) e alguns outros. Clique no quadro colorido e escolha a cor mexendo na ferramenta que irá aparecer. Depois de escolher, feche. O preview será atualizado automaticamente após alguns segundos.</p>
<p>Em <strong>Title font</strong> você escolhe a cor do título do seu blog, o que irá aparecer no cabeçalho.</p>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Em<strong> Header image</strong>, ao clicar em<strong> Upload</strong>, você pode escolher uma imagem do seu computador que geralmente substituirá o título do seu blog no cabeçalho. (É assim que faço para os títulos dos meus tumblrs ficarem com aquelas fontes diferentes. Crio imagens e faço o upload.) Você pode usar pngs e gifs, assim dá pra ter o fundo transparente. Se não gostar do resultado, clique em <strong>Clear</strong> e a imagem será apagada.</p>
<p>Em <strong>Background image</strong>, ao clicar em <strong>Upload</strong>, você também vai poder escolher uma imagem do seu computador para ser o fundo do seu tumblr. Se não gostar, clique em <strong>Clear</strong> e a imagem será substituída pela cor de fundo que você escolheu. (Não sabe onde achar backgrounds? <a href="http://iemai.com.br/blog/2010/07/19/backgrounds-para-blog-tumblr-e-twitter/">Leia este post</a>!)</p>
<p><strong>Show People I Follow</strong> habilita ou desabilita que apareçam os ícones das pessoas que você segue no espaço reservado para isso do seu template.</p>
<p><strong>Show TagCloud</strong>, que há <a href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/">no meu template</a>, habilita ou desabilita a nuvem de tags.</p>
<p><strong>Disqus Shortname</strong> é onde você insere o seu <a href="http://iemai.com.br/blog/2010/01/29/o-que-voce-precisa-saber-sobre-o-tumblr/#disqus">username do Disqus</a> para <a href="http://iemai.com.br/blog/2010/01/29/o-que-voce-precisa-saber-sobre-o-tumblr/#disqus">habilitar comentários</a>.</p>
<p>Se no fim das contas você não gostar das alterações que fez, clique em <strong>Reset defaults</strong> e ele volta ao padrão de cores e configurações do template que você está usando.</p>
<h5><strong>Pages</strong></h5>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-pages.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-3785 alignleft antibordaleft" title="tumblr-customize-pages" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-pages-150x150.jpg" alt="" width="150" height="150" /></a>Aqui você pode adicionar páginas.  Ex.: Links, Sobre mim, Contato, etc. É só clicar em <strong>Add a page</strong> e uma janela pop-up abrirá para você editar os dados e conteúdos dela. Confirme clicando em Create Page.</p>
<p>Quando quiser editar a página, é só voltar em Pages que ela estará listada lá. :)</p>
<p><strong><br />
</strong><br />
<strong><br />
</strong></p>
<h5><strong>Services</strong></h5>
<p><strong> </strong></p>
<p><strong><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-services.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-3786 alignleft antibordaleft" title="tumblr-customize-services" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-services-150x150.jpg" alt="" width="150" height="150" /></a>Facebook</strong> &#8211; posta as últimas atualizações do seu Tumblr no seu facebook.</p>
<p><strong>Twitter</strong> &#8211; Logue com o seu twitter para que (1) os seus tweets apareçam se esta ferramenta estiver disponível no seu template (ou configure vendo o código que coloquei ali em Use Custom HTML) e (2) você possa escolher se todos os seus posts devem ser twittados automaticamente.</p>
<p><strong>Feedburner </strong>- Para quem prefere que o feed do blog seja redirecionado para o <a href="http://www.feedburner.com">feedburner</a>.</p>
<p><strong>Automatically import my&#8230; </strong>- Como o nome diz, importa automaticamente os feeds que você escolher. Tudo que for atualizado nos feeds escolhidos será postado no tumblr (medo!).</p>
<h5><strong>Community</strong></h5>
<p><strong> </strong></p>
<p><strong><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-community.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-3787 alignleft antibordaleft" title="tumblr-customize-community" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-community-150x150.jpg" alt="" width="150" height="150" /></a>Replies </strong>- Permite que as pessoas respondam seus posts. Essa opção aparecerá abaixo dos seus posts na Dashboard.</p>
<p><strong>Let people ask questions</strong> &#8211; As pessoas fazem perguntas para você. Também irá aparecer na Dashboard. :)</p>
<p><strong>Let people submit posts </strong>- Permite que os outros enviem posts para o seu tumblr. Elas poderão enviar os posts através do link http://SEUTUMBLR.tumblr.com/submit.</p>
<h5><strong>Advanced</strong></h5>
<p><strong> </strong></p>
<p><strong><a href="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-advanced.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="size-thumbnail wp-image-3788 alignleft antibordaleft" title="tumblr-customize-advanced" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-advanced-150x150.jpg" alt="" width="150" height="150" /></a>Language</strong> &#8211; Altera o idioma dos textos padrão do seu tumblr.</p>
<p><strong>Timezone</strong> &#8211; Use o tempo referente ao seu horário local para que as datas e horas dos seus posts fiquem corretos.</p>
<p><strong>Add custom CSS</strong> &#8211; Para quem não quer mexer no Use Custom HTML, pode inserir CSS e styles aqui.</p>
<p><strong>Post count</strong> &#8211; Quantos posts aparecem por página.</p>
<p><strong>Options</strong> -<strong> (1) </strong>Habilitar/Desabilitar fotos em alta resolução (quando a pessoa clicar na foto menor do post irá para a foto do tamanho orignal), <strong>(2)</strong> fazer com que os links abram todos em novas páginas, <strong>(3)</strong> permitir temas adaptados para leituras em dispositivos móveis, <strong>(4) </strong>resumir os posts no Feed, <strong>(5)</strong> usar urls descritivos, com pequenos títulos,<strong> (6) </strong>permitir que apareça o botão  &#8220;Follow&#8221; mesmo para quem não é usuário ou não está logado no Tumblr.</p>
<p><strong>Directory</strong> -<strong> (1) </strong>Permite que seu blog seja listado em serviços de busca,<strong> (2) </strong>permite que seus posts apareçam em páginas de diretório, buscas e outros links dentro do Tumblr e <strong>(3) </strong>marca seu tumblr como contendo conteúdo impróprio para menores &#8211; que vai gerar um aviso aos seus visitantes antes de abrir sua página.</p>
<p><img class="alignnone size-thumbnail wp-image-3790 antibordaleft" title="tumblr-customize-save" src="http://iemai.com.br/blog/wp-content/uploads/2010/08/tumblr-customize-save.jpg" alt="" /></p>
<p>Chegou no final da customização ou simplesmente gostou do que tá fazendo e tal?<strong> Save + Close</strong> para salvar e voltar à dashboard; <strong>Save</strong> para salvar e continuar editando; <strong>Cancel</strong> para sair sem salvar.</p>
<p>Bom, é isso aí :) Espero que o post seja útil para alguém.</p>
<blockquote><p><strong><big><big>Dicas de temas</big></big></strong></p>
<p>Está procurando por um tema bacana? Que tal o <a href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/" target="_blank"><strong>Maçã Verde</strong></a> ou <a href="http://iemai.com.br/blog/2011/01/26/simplicidade-template-para-tumblr/" target="_blank"><strong>Simplicidade</strong></a>, disponíveis aqui no blog para uso grátis?</p>
<p>Ou talvez você prefira ler <a href="http://iemai.com.br/blog/2011/03/08/temas-para-tumblr-favoritos-da-julia/">esse post</a> com várias outras dicas de temas legais?
</p></blockquote>
<blockquote><p><strong><big><big>Veja também:</big></big></strong></p>
<ul>
<li><a href="http://iemai.com.br/blog/2010/01/29/o-que-voce-precisa-saber-sobre-o-tumblr/" target="_blank">Saiba o que é e como funciona o Tumblr. Aprenda a habilitar comentários.</a></li>
<li><a href="http://iemai.com.br/blog/2010/10/05/mais-dicas-para-o-tumblr/" target="_blank">Aprenda a personalizar sua dashboard, postar diretamente de flickrs e outros serviços. Conheça outras dicas.</a></li>
<li>Backgrounds para o seu tumblr, twitter e blog: <a href="http://iemai.com.br/blog/2010/07/19/backgrounds-para-blog-tumblr-e-twitter/" target="_blank">Parte 1</a> e <a href="http://iemai.com.br/blog/2010/11/07/backgrounds-parte-2/" target="_blank">Parte 2</a>.</li>
<li><a href="http://iemai.com.br/blog/2010/10/25/tumblr-faq-e-regras-importantes/">Aprenda a adicionar barra de música, cursores personalizados, contador e favicon.</a></li>
<li><a href="http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/" target="_blank">FAQ: Tumblr privado ou em grupo, estrelas no mouse, imagens, calendários, etc.</a></li>
<li><a href="http://iemai.com.br/blog/2011/03/08/temas-para-tumblr-favoritos-da-julia/" target="_blank">Dicas de vários temas legais.</a></li>
<li><a href="http://iemai.com.br/blog/2010/04/07/maca-verde-template-para-tumblr/" target="_blank">“Maçã Verde”</a> e <a href="http://iemai.com.br/blog/2011/01/26/simplicidade-template-para-tumblr/" target="_blank">&#8220;Simplicidade&#8221;</a>, templates free para Tumblr.</li>
<li><a href="http://iemai.com.br/blog/2011/01/16/tumblr-faq-2/" target="_blank"></a>Quer me seguir no tumblr? <a href="http://iemai.tumblr.com/" target="_blank">iemai.tumblr.com</a> &lt;3</li>
</ul>
<p><strong>Se você está procurando ajuda para seu Tumblr, talvez deva buscar no <a href="http://iemai.com.br/blog/tumblr/">índice</a>, onde estão listados os principais tópicos de esclarecimento que você pode precisar dos posts acima.</strong>
</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2010/07/31/guia-basico-do-tumblr-customizacao/feed/</wfw:commentRss>
		<slash:comments>418</slash:comments>
		</item>
		<item>
		<title>Como escolher sua câmera digital</title>
		<link>http://iemai.com.br/blog/2010/05/21/como-escolher-sua-camera-digital/</link>
		<comments>http://iemai.com.br/blog/2010/05/21/como-escolher-sua-camera-digital/#comments</comments>
		<pubDate>Sat, 22 May 2010 02:59:59 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Dois]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[fotografia]]></category>
		<category><![CDATA[internet]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=3234</guid>
		<description><![CDATA[Escolher uma câmera pode ser uma luta. Pelo menos comigo é assim. Por mais que você pesquise, nunca encontra respostas muito diretas, e parece que quanto mais lemos, mais ficamos perdidos. De início, é preciso dizer algo que todo mundo repete e que é um saco ouvir: a câmera que você deve comprar depende da utilidade que ela vai ter para você. Não adianta querer comprar uma DSLR quando o &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/escutegarota/3935418319/in/set-72157606787727427/"><img class="size-full wp-image-3254 rightborda alignright" title="Dicas que tornam mais fácil escolher sua digicam!" src="http://iemai.com.br/blog/wp-content/uploads/2010/05/10mai22-2.jpg" alt="" width="199" height="300" /></a>Escolher uma câmera pode ser uma luta. Pelo menos comigo é assim. Por mais que você pesquise, nunca encontra respostas muito diretas, e parece que quanto mais lemos, mais ficamos perdidos. De início, é preciso dizer algo que todo mundo repete e que é um saco ouvir: a câmera que você deve comprar depende da utilidade que ela vai ter para você.</p>
<p>Não adianta querer comprar uma DSLR quando o que você precisa é de uma câmera prática pra carregar no dia-a-dia, nem é indicado comprar uma compacta se o que você deseja é se profissionalizar na área.</p>
<p>Longe de querer parecer ser mestra no assunto, resolvi apenas trazer alguns pontos úteis que me ajudaram e que podem ajudar você. Depois, vale procurar no Google, ver os sites que indico aqui e ler mais sobre o assunto. :) Tem muitos artigos legais com várias outras dicas por aí!</p>
<h4><strong><span id="more-3234"></span>Tipos de câmeras</strong></h4>
<p>Existem outras categorias, mas as principais delas são as <em>Point &amp; Shoot</em> (compactas) e as DSLRs (versão digital da SLR &#8211; <em>Single Lens Reflex</em>). Resumindo de uma forma muito básica e excluindo a parte técnica, as diferenças entre esses dois tipos de câmeras são:</p>
<p>As <em>Point &amp; Shoot</em> são as câmeras menores, que chamamos de compactas. Elas costumam possuir opções menos avançadas e não permitem a troca de lentes. São práticas e têm a vantagem superior de que dá para levá-las para praticamente todos os lugares. Enfim, todos deviam ter uma <em>Point &amp; Shoot</em>. Amém.</p>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
As DSLRs são câmeras mais complexas e que permitem a troca de lentes. São indicadas principalmente para profissionais ou pessoas que pretendem se profissionalizar. Apesar de possuírem comandos mais avançados, a maioria das DSLRs também possuem o modo automático, que faz com que você não precise ter nenhum conhecimento aprofundado para poder usá-las.</p>
<p>As principais vantagens das DSLRs é que a qualidade das fotos tende a ser bem melhor e a possibilidade da troca de lentes aumenta demais o potencial delas (se você tiver <em>money</em> pra bancar as lentes, óbvio :/). Quanto às desvantagens, considero que as principais são o preço alto e a falta de praticidade, por causa do tamanho delas &#8211; não é sempre que dá pra carregar esse trambolho todo contigo. :O</p>
<p>Pra quem só quer tirar fotos e brincar um pouco, as compactas são o suficiente. Principalmente porque a qualidade delas está cada vez melhor. Só que quem espera mais das fotografias sempre acaba sentindo a necessidade de uma DSLR&#8230; O negócio é dividir em 1000 mil vezes e ter as duas! Há!</p>
<h4><strong>A melhor marca</strong></h4>
<p>Sem essa de melhor marca. Por mais que existam os fãs clubes, as câmeras simplesmente têm características diferentes e são melhores ou piores de acordo com as necessidades do usuário. A depender do estilo do fotógrafo e do que ele preza mais na hora de utilizar o equipamento, ele vai preferir essa ou aquela marca.</p>
<p>Eu, por exemplo, quando falo de compactas, sempre sou uma defensora louca da Sony! haha Por outro lado, no caso das DSLRs, tenho uma simpatia pela Nikon, acho que simplesmente porque tenho uma Nikon. D:</p>
<h4><strong>O mito dos Megapixels</strong></h4>
<p>É comum perguntarmos sobre a qualidade de alguma câmera e recebermos em resposta um “Ah, ela tem<em> [300 mil] megapixels</em>”. Nesses casos, quase vale responder com um “E daí?” à essa afirmação. Os <em>megapixels</em> são importantes, sim. Mas a qualidade do sensor da câmera também está ligada a isso.</p>
<p>Os MPs são, resumidamente, uma medida de 1000&#215;1000 pixels de unidade, que indicam a quantidade de pixels que o sensor de uma câmera capta (e pixels são os pontinhos minúúúsculos que compõe as imagens digitais).</p>
<p>O problema é que, por mais <em>megapixels</em> sua câmera possa ter, a qualidade deles dependem da qualidade do sensor. Alguns sensores têm capacidade de captação de luz melhor ou de maior precisão nas cores, coisas assim. E, claro, alguns sensores são de péssima qualidade – é por isso que, geralmente, seu celular de 12.1 MP não é melhor do que sua câmera de 6.0 MP. ;)</p>
<p><img class="size-full wp-image-3257 alignright rightborda" title="Apesar da Canon na foto, minha câmera é uma Nikon D40." src="http://iemai.com.br/blog/wp-content/uploads/2010/05/10mai22.jpg" alt="" width="350" height="258" />A partir do momento em que você conhece a qualidade de toda a câmera, a quantidade de <em>megapixels</em> passa a importar ou não de acordo com a necessidade que você vai ter para os arquivos. Câmeras com muitos MP só realmente necessárias para quem pretende fazer grandes ampliações, produzir outdoors etc. É que os pontinhos minúúúsculos serão esticados, e a imagem pode perder a qualidade se a sua composição não tiver tantos pontos minúúúsculos assim. :D</p>
<h4><strong>Sites de comparação</strong></h4>
<p>Ok, tudo isso ajuda a esclarecer algumas dúvidas, mas definitivamente não dá tanta luz assim na hora de escolher a câmera. Por isso, acho super úteis os sites que fazem comparações e outros que a gente pode usar para a mesma finalidade.</p>
<ul>
<li><strong><a title="Imaging Resource &quot;Comparometer&quot; Digital Camera Image Comparison Page" href="http://www.imaging-resource.com/IMCOMP/COMPS01.HTM" target="_blank">Imaging-Resource</a></strong></li>
</ul>
<p>Já que estamos falando de imagens, nada melhor do que usar fotos para entender as diferenças. É por isso que eu considero o <a href="http://www.imaging-resource.com/IMCOMP/COMPS01.HTM" target="_blank">Comparometer</a>, do Imaging-Resource, a ferramenta mais útil na hora de escolher uma câmera. <a href="http://www.imaging-resource.com/IMCOMP/COMPS01.HTM" target="_blank">Neste link</a>, você encontra uma vasta lista de modelos para serem analisados (lembre-se de clicar em <em>All Cameras</em> se não encontrar na primeira lista a que está procurando).</p>
<p>Cada uma delas tem uma série de fotos tiradas em ambientes controlados que simulam situações semelhantes entre todas as câmeras. Com essas imagens super detalhadas, você consegue perceber onde as máquinas se diferenciam.</p>
<ul>
<li><strong><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<a title="Buying Guide: Digital Cameras Side-by-Side: Digital Photography Review" href="http://www.dpreview.com/reviews/sidebyside.asp" target="_blank">DPreview</a></strong></li>
</ul>
<p>Outro site muito bom é o <a href="http://www.dpreview.com/reviews/sidebyside.asp" target="_blank">DPreview</a>. Ele tem todas as especificações técnicas que você precisa saber, inclusive umas que a gente nem sonha que existe.</p>
<ul>
<li><a title="Câmera versus Câmera - Avaliação de Digitais, Galerias, Opiniões" href="http://www.cameraversuscamera.com.br/" target="_blank"><strong>Câmera versus Câmera</strong></a></li>
</ul>
<p>Para quem procura uma opção em português, <a href="http://www.cameraversuscamera.com.br/" target="_blank">este site</a> tem resenhas sobre várias câmeras e comparações com alguns modelos próximos.</p>
<ul>
<li><strong><a title="Flickr: Camera Finder" href="http://www.flickr.com/cameras/" target="_blank">Flickr: Camera Finder</a></strong></li>
</ul>
<p>No Flickr, há o <a href="http://www.flickr.com/cameras/" target="_blank">Finder</a> que indica as câmeras usadas pelos fotógrafos da rede. Além de gráficos comparativos e de uma listagem dos modelos por marcas, dá pra ver alguns exemplos de fotos tiradas com cada um deles.</p>
<ul>
<li><strong><a title="Mercado Livre Brasil - Onde comprar e vender de Tudo" href="http://www.mercadolivre.com.br/" target="_blank">Mercado Livre</a></strong></li>
</ul>
<p>Na hora de ter uma noção do preço das máquinas, nada melhor do que o <a href="http://www.mercadolivre.com.br/" target="_blank">Mercado Livre</a>. Coloque o modelo que você procura para ter uma noção dos preços. Vale lembrar que algumas grandes lojas virtuais são boas opções para compactas, mas são bem careiras quando o assunto são as DSLRs! D:</p>
<h4><strong>Outros links úteis</strong></h4>
<p>Se depois de tudo isso, você ainda está em dúvida, vale a pena recorrer a algum profissional ou amigo que entenda um pouco mais do assunto. Pergunte sem medo! :) De qualquer maneira, aqui vão alguns artigos que também podem te guiar mais um pouco na empreitada:</p>
<ul>
<li><a title="Giz Explica: O que todos devem saber sobre câmeras | Gizmodo Brasil" href="http://www.gizmodo.com.br/conteudo/giz-explica-o-que-todos-devem-saber-sobre-cameras" target="_blank">O que todos devem saber sobre câmeras</a></li>
<li><a title="Como escolher sua próxima camera digital #2 | Cravo e Canela" href="http://www.cravoecanelaphoto.com/2007/05/28/como-escolher-sua-proxima-camera-digital-2/" target="_blank">Como escolher sua próxima camera digital</a></li>
<li><a title="10 dicas para escolher a câmera digital certa para você | Fotografar-Vender-Viajar" href="http://www.fotografarvenderviajar.com/dicas/10-dicas-para-escolher-a-camera-digital-certa-para-voce" target="_blank">10 dicas para escolher a câmera digital certa para você</a></li>
<li><a title="Digital, com Zoom, Reflex... Saiba como escolher a máquina fotográfica ideal para você!" href="http://www.babooforum.com.br/forum/index.php?showtopic=232504" target="_blank">Digital, com Zoom, Reflex&#8230; Saiba como escolher a máquina fotográfica ideal para você</a></li>
<li><a title="Teste: DSLR versus compacta - Imagem - Guia de Produtos - UOL Tecnologia" href="http://tecnologia.uol.com.br/guia-produtos/imagem/ult6186u27.jhtm" target="_blank">Teste: DSLR versus compacta</a></li>
<li><a title="Das câmeras digitais amadoras as DSLRs profissionais. | Cravo e Canela" href="http://www.cravoecanelaphoto.com/2007/05/15/das-cameras-digitais-amadoras-as-dslrs-profissionais/" target="_blank">Das câmeras digitais amadoras às DSLRs profissionais</a></li>
<li><a title="Entenda o efeito dos megapixels na fotografia digital - Computação Pessoal - IDG Now!" href="http://idgnow.uol.com.br/computacao_pessoal/2007/07/13/idgnoticia.2007-07-13.0443429090/" target="_blank">Entenda o efeito dos megapixels na fotografia digital</a></li>
</ul>
<blockquote><p><small>Minhas câmeras são uma Nikon D40, somente com o kit original, e uma Sony Cyber-shot DSC-W30, que tem mais de três anos de idade e já apanhou muito, mas tá na guerra até hoje.<br />
Correções são bem vindas!<br />
A idéia desse post surgiu depois de um e-mail da <a href="http://www.j-crazyteen.blogspot.com/" target="_blank">Juliana</a>. Agradeço pela inspiração! :D</small></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2010/05/21/como-escolher-sua-camera-digital/feed/</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>Tutorial: Vignette, escureça as bordas</title>
		<link>http://iemai.com.br/blog/2010/03/07/tutorial-vignette-escureca-as-bordas/</link>
		<comments>http://iemai.com.br/blog/2010/03/07/tutorial-vignette-escureca-as-bordas/#comments</comments>
		<pubDate>Sun, 07 Mar 2010 15:00:33 +0000</pubDate>
		<dc:creator>iemai</dc:creator>
				<category><![CDATA[Tutoriais e dicas]]></category>
		<category><![CDATA[z-Dois]]></category>
		<category><![CDATA[dicas]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://iemai.com.br/blog/?p=2610</guid>
		<description><![CDATA[O Tutorial de hoje é de outro truque bem simples que eu uso bastante nas minhas fotos, o Vignetting. Vignette é o efeito que ocorre nas fotografias onde as bordas ficam mais escuras do que o centro da imagem. Isso inicialmente era um defeito das máquinas fotográficas, mas acabou virando um efeito artístico que muitos adicionam às suas imagens escolhendo as lentes adequadas ou editando as imagens posteriormente. Quando eu &#8230;]]></description>
			<content:encoded><![CDATA[<p>O Tutorial de hoje é de outro truque bem simples que eu uso bastante nas minhas fotos, o <em>Vignetting</em>.</p>
<p><em>Vignette</em> é o efeito que ocorre nas fotografias onde as bordas ficam mais escuras do que o centro da imagem. Isso inicialmente era um defeito das máquinas fotográficas, mas acabou virando um efeito artístico que muitos adicionam às suas imagens escolhendo as lentes adequadas ou editando as imagens posteriormente.</p>
<p>Quando eu comecei a me interessar muito por fotografia, comecei a prestar atenção nos elementos e efeitos recorrentes nas fotos que eu mais gostava e percebi que o <em>vignette</em> estava lá com grande frequência.</p>
<p>Existem muitas maneiras de conseguir este efeito, vou ensinar como eu faço e outras duas maneiras que talvez possam parecer mais interessantes para você. Com esse truque, em poucos segundos você vai ter fotos mais legais :)</p>
<p style="text-align: center;"><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette00.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-full wp-image-2665 centerborda" title="Vignette - Escureça as bordas das suas fotos no Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette15.jpg" alt="" width="250" height="166" /></a> <a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette00b.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-full wp-image-2666 centerborda" title="Vignette - Escureça as bordas das suas fotos no Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette16.jpg" alt="" width="250" height="166" /></a></p>
<p><span id="more-2610"></span></p>
<h5><strong>Vignette</strong></h5>
<p>Ele é, na verdade, sempre a última coisa que eu adiciono a uma fotografia. Então, edite sua imagem como você quiser e, no final, faça o seguinte:</p>
<h4><strong>- Meu modo de fazer</strong></h4>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Eu tenho tendência a complicar as coisas, por isso provavelmente você vai gostar mais dos outros dois modos de que estão mais pra baixo, mas vamos lá:</p>
<p>Crie uma nova layer.</p>
<p><img class="alignnone size-full wp-image-2616" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette01.jpg" alt="" width="238" height="177" /></p>
<p>Preencha-a de preto. Para você isso você usa o balde (<strong>Paint Bucket Tool</strong>, aperte G no teclado) <span style="text-decoration: line-through;">ou, se quiser complicar como eu, faça um retângulo preto sobre toda a imagem (<strong>Rectangle Tool</strong>, aperte U no teclado)</span>.</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette02.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2618" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette02-300x190.jpg" alt="" width="300" height="190" /></a></p>
<p>Escolha a ferramenta de seleção em retângulo (<strong>Rectangular Marquee Tool</strong>, aperte M no teclado). Na barra superior vão aparecer opções desta ferramenta. Usaremos o <em>Feather</em>.</p>
<p><img class="alignnone size-full wp-image-2628" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette03.jpg" alt="" width="300" height="253" /></p>
<p>No <em>Feather</em>, nós vamos especificar um número que vai determinar quanto nosso vignette será mais ou menos suave. Só que isso vai depender do tamanho da imagem que você está editando. Essa minha foto, por exemplo, está com 640&#215;426 px, por isso vou usar 50 pixels.</p>
<p>Altere o número e faça testes :) Quanto maior sua imagem, indico um tamanho maior no <em>Feather</em>. O máximo é de 250px.<br />
Após determinar o tamanho, faça uma seleção sobre toda a sua imagem. Quando você selecionar, ela ficará mais ou menos assim:</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette04.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2635" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette04-300x246.jpg" alt="" width="300" height="246" /></a></p>
<p>Depois você simplesmente apaga o conteúdo usando o <strong>Delete</strong> ou o<strong> Backspace</strong> do seu teclado. Aperte mais de uma vez se achar que ficou muito grande :)<br />
Desfaça a seleção clica com o botão direito e depois em <strong>Deselect</strong>. A imagem já vai ficar com o efeito:</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette05.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2636" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette05-300x199.jpg" alt="" width="300" height="199" /></a></p>
<p>Na maioria dos casos, eu acho que fica muito forte. Então vou até o ajuste de layers e diminuo a opacidade dele.</p>
<p><img class="alignnone size-full wp-image-2637" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette06.jpg" alt="" width="238" height="177" /></p>
<p>Novo resultado:</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette00b.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2663" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette00b-300x199.jpg" alt="" width="300" height="199" /></a></p>
<p>A depender do que você deseja, vale tentar mudar o efeito da layer e testar outras opções. Ou talvez duplicar a layer da vignette e usar efeitos diferentes em cada uma delas&#8230; Faça suas próprias variações! :)</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette07.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2638" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette07-300x186.jpg" alt="" width="300" height="186" /></a></p>
<h4><strong>- Modo mais simples</strong></h4>
<blockquote><p><small>Nesse modo aqui, se você tiver mais de uma layer, vai precisar juntá-las para colocar o efeito. Sugiro duas maneiras:<br />
<strong>1) </strong>Use Layer &#8211;&gt; Flatten Image; mas, atenção, depois disso todas as suas layers serão trancadas e você não vai mais poder editar os outros efeitos.<br />
<strong>2) </strong>Selecione tudo, copie a imagem mesclada (Shift+Ctrl+C) e cole (Ctrl+V) como uma nova layer. Use essa layer e, se não gostar ou quiser editar algo, apague-a e refaça o processo :)</small></p></blockquote>
<p>Com sua imagem já editada, vá até Filter &#8211;&gt; Distort &#8211;&gt; Lens Correction.</p>
<p><div class="adsense300x250r">
<script type="text/javascript"><!--
google_ad_client = "pub-5973888985647113";
/* 300x250, dentro do post */
google_ad_slot = "5076261140";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette08.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2642" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette08-262x300.jpg" alt="" width="262" height="300" /></a></p>
<p>Na janela que vai abrir, altere os números na opção de Vignette :)</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette09.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2643" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette09-300x191.jpg" alt="" width="300" height="191" /></a></p>
<p><strong>Amount</strong> define se o efeito será mais ou menos escuro. <strong>Midpoint</strong> determina se o <em>Vignette</em> será mais concentrado nas bordas ou mais espalhado para o centro da imagem, seria o mesmo que definir um <em>Feather</em> maior ou menor na maneira que ensinei ali em cima :)</p>
<p>Depois é só clicar em Ok e sua imagem já vai estar bonitinha!</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette17.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2684" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette17-300x199.jpg" alt="" width="300" height="199" /></a></p>
<h4><strong>- Modo com Levels</strong></h4>
<p>Escolha o <strong>Rectangle Marquee Tool</strong> (aperte U no teclado), defina o <em>Feather</em> e faça a seleção na imagem:</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette10.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2652" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette10-300x230.jpg" alt="" width="300" height="230" /></a></p>
<p>Inverta a sua seleção (Shift+Ctrl+I ou Botão direito &#8211;&gt; Select Inverse). Faça um <a href="http://iemai.com.br/blog/2010/01/12/tutorial-levels-melhore-o-contraste/">ajuste de níveis</a> (para saber mais leia o <a href="http://iemai.com.br/blog/2010/01/12/tutorial-levels-melhore-o-contraste/">Tutorial: Levels, melhore o contraste</a>).</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette11.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-thumbnail wp-image-2653" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette11-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette12.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-thumbnail wp-image-2654" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette12-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette13.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-thumbnail wp-image-2655" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette13-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Depois disso, sua imagem está mais uma vez editada.</p>
<p><a href="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette14.jpg" class="highslide-image" onclick="return hs.expand(this);"><img class="alignnone size-medium wp-image-2657" title="Tutorial Vignette Photoshop" src="http://iemai.com.br/blog/wp-content/uploads/2010/03/vignette14-300x199.jpg" alt="" width="300" height="199" /></a></p>
<blockquote>
<ul>
<li><small>A idéia desse tutorial veio do <a href="http://wille.blog.br" target="_blank">Wille</a> :) Dêem em idéias porque eu nunca sei sobre o que fazeeer!<br />
</small></li>
<li><small>Quer ver <a href="http://iemai.com.br/blog/category/tutoriais/">mais tutoriais</a> complicados da Emi?<br />
</small></li>
<li><small>Se você tem alguma pergunta sobre algum efeito, alguma foto ou sobre algo que queria fazer no Photoshop e não sabe, pode perguntar <a href="http://www.iemai.com.br/blog/info/#contato">aqui</a> ou lá no <a href="http://twitter.com/rodaabaiana" target="_blank">twitter</a>. Saiba mais lendo <a href="http://iemai.com.br/blog/2009/10/31/o-maior-segredo-fotografico/">esse post</a>.</small></li>
</ul>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://iemai.com.br/blog/2010/03/07/tutorial-vignette-escureca-as-bordas/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
	</channel>
</rss>

