<?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>Blosque.com &#187; Blogger Clássico</title>
	<atom:link href="http://blosque.com/tag/blogger-classico/feed/" rel="self" type="application/rss+xml" />
	<link>http://blosque.com</link>
	<description>Blogando com Alma.</description>
	<lastBuildDate>Mon, 06 Sep 2010 22:02:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Hack de Posts Recentes para Blogger Clássico</title>
		<link>http://blosque.com/hack-de-posts-recentes-para-blogger/</link>
		<comments>http://blosque.com/hack-de-posts-recentes-para-blogger/#comments</comments>
		<pubDate>Thu, 14 Jun 2007 19:28:00 +0000</pubDate>
		<dc:creator>Nospheratt</dc:creator>
				<category><![CDATA[Blogger Hacks]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogger Clássico]]></category>
		<category><![CDATA[Blogspot]]></category>

		<guid isPermaLink="false">http://blosque.com/2007/06/hack-de-posts-recentes-para-blogger-classico/</guid>
		<description><![CDATA[Importante - Se você quer Posts Relacionados para o Novo Blogger, você deve escolher entre estes dois posts: Widget de Posts Relacionados para Blogger &#8211; Blogspot Lista de Posts Relacionados para Blogger &#8211; Blogspot Bem, como vários leitores estavam interessados em um hack de Posts Relacionados para o Blogger Clássico (ou Antigo, ou Velho, como [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://i207.photobucket.com/albums/bb79/nospheratt/Blogando/Fisherman3.jpg" alt="Pescador" border="0" height="295" width="450" /></p>
<p><strong>Importante -</strong> Se você quer <strong>Posts Relacionados para o Novo Blogger</strong>, você deve escolher entre estes dois posts:</p>
<p><a href="http://blosque.com/2007/06/widget-de-posts-relacionados-para.html">Widget de Posts Relacionados para Blogger &#8211; Blogspot</a><br />
<a href="http://blosque.com/2007/06/lista-de-posts-relacionados-no-rodap-do.html">Lista de Posts Relacionados para Blogger &#8211; Blogspot</a></p>
<p>Bem, como vários leitores estavam interessados em um hack de <strong>Posts Relacionados para o Blogger Clássico</strong> (ou <strong>Antigo</strong>, ou <strong>Velho</strong>, como queiram) eu fui procurar um, e achei.</p>
<p>Eu não uso Blogger Clássico, então, não sei que tão bem funciona este hack. Quem for usá-lo, por favor volte depois para contar se funcionou, assim eu compartilho essa informação com outros leitores, ok? <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Este hack usa a função de busca de &#8220;<strong>palavras no título da postagem</strong>&#8221; da <a href="http://blogsearch.google.com/blogsearch?hl=pt-br" target="_blank">Pesquisa Google de Blogs</a> (Google Blog Search). Ele procura posts anteriores, com títulos que contenham ao menos duas palavras não-triviais (por, com, que, são palavras triviais) em comum com o título do post onde a lista está sendo mostrada.</p>
<p><strong>Instalando o Hack de Posts Recentes no Blogger Clássico</strong></p>
<p><span style="color: #970009"><strong>1 -</strong></span> Entre na sua conta no <a href="http://www.blogger.com/" target="_blank">Blogger</a>. Escolha o blog que quer editar: clique em <strong>Modelo-&gt;Editar HTML</strong>.</p>
<p><span style="color: #970009"><strong>IMPORTANTE:</strong></span> sempre faça back up antes de modificar seu layout. Copie todo o código HTML num arquivo TXT, e salve uma cópia em seu HD.</p>
<p><span style="color: #970009"><strong>2 -</strong></span> Procure esta tag:</p>
<p><strong>&lt;$BlogItemBody$&gt;</strong></p>
<p><strong>3 -</strong> Adicione este código <strong>APÓS</strong> a tag <strong>&lt;$BlogItemBody$&gt;</strong> :</p>
<p><strong>&lt;ItemPage&gt;<br />
&lt;script language=&#8221;Javascript&#8221;<br />
src=&#8221;http://www.anniyalogam.com/scripts/relatedposts-blog.php?<br />
url=&lt;$BlogItemPermalinkUrl$&gt;&#038;blog=&lt;$BlogURL$&gt;&#8221;&gt;<br />
&lt;/script&gt;<br />
&lt;/ItemPage&gt;</strong></p>
<p><strong>4 -</strong> Salve as alterações. <strong><span style="color: #800000"><strong>Pronto!</strong></span></strong></p>
<p>Se tudo correr bem, a lista de <strong>Posts Relacionados</strong> aparecerá &#8211; somente nas páginas de postagem &#8211; logo depois do corpo do post. Caso não existam posts que preencham as condições da busca que eu expliquei acima, não aparecerá nada.</p>
<p>O único problema que eu vejo que pode haver com este hack é o idioma; o hack foi desenvolvido em inglês, e ignoro como o critério para &#8220;palavras triviais&#8221; se aplica em outros idiomas. Como eu disse, vocês terão que experimentar e me contar. Espero que este hack seja útil! <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong>Fonte do Hack:</strong> <a href="http://hackosphere.blogspot.com/2006/08/related-posts-from-your-blog.html" target="_blank">Hackosphere</a></p>
<p><span style="color: #970009"><strong>________________________________</strong><br />
Compare Preços de: <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=personalizado" target="_blank">Artigos Personalizados</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=personalizada" target="_blank">Coisas Personalizadas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=ferramentas&#038;catid=171" target="_blank">Ferramentas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=DVD" target="_Blank">DVD</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=filmes" target="_Blank">Filmes</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=celulares" target="_Blank">Celulares</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=notebooks" target="_Blank">Notebooks</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=cameras" target="_Blank">Câmeras</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=jogos" target="_Blank">Jogos</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=Wii" target="_Blank">Wii</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=PS3&#038;catid=159" target="_Blank">PS3</a> no <a href="http://www.jacotei.com.br/mod.php?module=jacotei.home&#038;af=2432">JáCotei</a></span></p>
<p><span style="color: #970009"><strong>________________________________</strong></span></p>
<p class="zoundry_bw_tags">   <!-- Tag links generated by Zoundry Blog Writer. Do not manually edit. http://www.zoundry.com --><br />
<span class="ztags"><span class="ztagspace">Technorati</span> : <a href="http://technorati.com/tag/Blogger%20Cl%C3%A1ssico" class="ztag" rel="tag">Blogger Clássico</a>, <a href="http://technorati.com/tag/Blogger%20Hacks" class="ztag" rel="tag">Blogger Hacks</a>, <a href="http://technorati.com/tag/Blogspot" class="ztag" rel="tag">Blogspot</a>, <a href="http://technorati.com/tag/Como%20Fa%C3%A7o" class="ztag" rel="tag">Como Faço</a>, <a href="http://technorati.com/tag/Customizado" class="ztag" rel="tag">Customizado</a>, <a href="http://technorati.com/tag/Dicas" class="ztag" rel="tag">Dicas</a>, <a href="http://technorati.com/tag/Melhore%20seu%20BLog" class="ztag" rel="tag">Melhore seu BLog</a>, <a href="http://technorati.com/tag/Personalizar" class="ztag" rel="tag">Personalizar</a>, <a href="http://technorati.com/tag/Posts%20Relacionados" class="ztag" rel="tag">Posts Relacionados</a>, <a href="http://technorati.com/tag/Widget" class="ztag" rel="tag">Widget</a></span></p>

	<h4>Mais informação:</h4>
	<ul class="st-related-posts">
	<li><a href="http://blosque.com/widget-de-posts-relacionados-para/" title="Widget de Posts Relacionados para Blogger &#8211; Blogspot (June 14, 2007)">Widget de Posts Relacionados para Blogger &#8211; Blogspot</a> (81)</li>
	<li><a href="http://blosque.com/lista-de-posts-relacionados-no-rodap-do/" title="Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot (June 14, 2007)">Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot</a> (65)</li>
	<li><a href="http://blosque.com/exibindo-anncios-adsense-dentro-do-post/" title="Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico (June 14, 2007)">Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico</a> (13)</li>
	<li><a href="http://blosque.com/widget-formulrio-de-contato-para/" title="Widget: Formulário de Contato para Blogger &#8211; Blogspot (October 16, 2007)">Widget: Formulário de Contato para Blogger &#8211; Blogspot</a> (20)</li>
	<li><a href="http://blosque.com/suplemento-de-trackbacks-do-blogger/" title="Suplemento de Trackbacks Para Blogger &#8211; Blogspot (April 24, 2007)">Suplemento de Trackbacks Para Blogger &#8211; Blogspot</a> (37)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blosque.com/hack-de-posts-recentes-para-blogger/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico</title>
		<link>http://blosque.com/exibindo-anncios-adsense-dentro-do-post/</link>
		<comments>http://blosque.com/exibindo-anncios-adsense-dentro-do-post/#comments</comments>
		<pubDate>Thu, 14 Jun 2007 16:41:00 +0000</pubDate>
		<dc:creator>Nospheratt</dc:creator>
				<category><![CDATA[Adsense]]></category>
		<category><![CDATA[Blogger Hacks]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogger Clássico]]></category>
		<category><![CDATA[Blogspot]]></category>

		<guid isPermaLink="false">http://blosque.com/2007/06/exibindo-anuncios-adsense-dentro-do-post-blogger-classico/</guid>
		<description><![CDATA[Esta é uma dica super-ultra-mega útil para quem usa o Blogger antigo &#8211; Modelo Clássico: como colocar anúcnios Adsense dentro do post. Agradeçam ao Anny do TV Retrô por esta dica! Aliás, se você nasceu antes de 1990, não deixe de visitar o Blog dele; lá você encontra um montão de coisas legais sobre os [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://i207.photobucket.com/albums/bb79/nospheratt/Blogando/Luznofimdotnel.jpg" alt="Luz no fim do tunel" border="0" height="273" width="449" /></p>
<p>Esta é uma dica super-ultra-mega útil para quem usa o Blogger antigo &#8211; Modelo Clássico: como colocar anúcnios Adsense dentro do post. Agradeçam ao Anny do <a href="http://www.tvretro.blogspot.com/" target="_blank" rel="nofollow">TV Retrô</a> por esta dica! <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Aliás, se você nasceu antes de 1990, não deixe de visitar o Blog dele; lá você encontra um montão de coisas legais sobre os programas de TV que costumava assistir quando era criança. O único problema é que dá uma saudade&#8230;</p>
<p><strong>Voltando ao Adsense Dentro do Post</strong></p>
<p>Como eu expliquei neste post &#8211; <a href="http://blosque.com/2007/04/como-exibir-anncios-adsense-dentro-do.html">Como Exibir Anúncios AdSense Dentro do Post &#8211; Novo Blogger</a> &#8211; uma das posições mais rentáveis para exibir seus anúncios do Adsense é dentro do post, logo abaixo do título. Lá eu afirmei que era quase impossível fazê-lo no Blogger antigo; eu mesma nunca consegui. No entanto, o Anny veio me salvar, e ajudar você, irmão, que ainda usa o modelo Clássico do Blogger.</p>
<p>Como ele me explicou (eu não lembro quase nada do Blogger antigo), no código do modelo clássico, existem as tags:</p>
<p><strong>&lt;$BlogItemTitle$&gt;</strong> &#8211; Título do post<br />
<strong>&lt;$BlogItemBody$&gt;</strong> &#8211; Onde inicia o corpo da postagem</p>
<p>Então, o que estiver entre essas duas tags aparecerá entre o título e o corpo de todos os posts. Nesse lugar é onde você vai inserir o código do Andsense. E como o Adsense só permite 3 blocos de anúncios por página, o Adsense só aparecerá nos 3 posts mais recentes &#8211; exatamente como no Novo Blogger.</p>
<p><strong>Inserindo o Código do Adsense Dentro do Post</strong></p>
<p><span style="color: #970009"><strong>1 -</strong></span> Em sua conta de <a href="http://www.google.com.br/adsense" target="_blank">Adsense</a>, <strong>crie o anúncio</strong> que deseja exibir em seu post. Copie o código completo do anúncio.</p>
<p><span style="color: #970009"><strong>2 -</strong></span> Entre na sua conta no <a href="http://www.blogger.com/" target="_blank">Blogger</a>. Escolha o blog que quer editar: clique em <strong>Modelo-&gt;Editar HTML</strong>.</p>
<p><span style="color: #970009"><strong>IMPORTANTE:</strong></span> sempre faça back up antes de modificar seu layout. Copie todo o código HTML num arquivo TXT, e salve uma cópia em seu HD.</p>
<p><span style="color: #970009"><strong>3 -</strong></span> Procure este código:</p>
<p><strong>&lt;BlogItemTitle&gt;<br />
&lt;h3 class=&#8221;post-title&#8221;&gt;<br />
&lt;BlogItemUrl&gt;&lt;a href=&#8221;&lt;$BlogItemUrl$&gt;&#8221; title=&#8221;external link&#8221;&gt;&lt;/BlogItemUrl&gt;<br />
&lt;$BlogItemTitle$&gt;<br />
&lt;BlogItemUrl&gt;&lt;/a&gt;&lt;/BlogItemUrl&gt;<br />
&lt;/h3&gt;<br />
&lt;/BlogItemTitle&gt;<br />
&lt;div class=&#8221;post-body&#8221;&gt;<br />
&lt;div&gt;<br />
&lt;$BlogItemBody$&gt;</strong></p>
<p><span style="color: #970009"><strong>5 -</strong></span> <strong>Copie o código do seu anúncio</strong>, e cole-o <strong>depois de &lt;/BlogItemTitle&gt;</strong>. O HTML deve ver-se assim:</p>
<p><strong>&lt;BlogItemTitle&gt;<br />
&lt;h3 class=&#8221;post-title&#8221;&gt;<br />
&lt;BlogItemUrl&gt;&lt;a href=&#8221;&lt;$BlogItemUrl$&gt;&#8221; title=&#8221;external link&#8221;&gt;&lt;/BlogItemUrl&gt;<br />
&lt;$BlogItemTitle$&gt;<br />
&lt;BlogItemUrl&gt;&lt;/a&gt;&lt;/BlogItemUrl&gt;<br />
&lt;/h3&gt;<br />
&lt;/BlogItemTitle&gt;</strong><br />
<span style="color: #3333ff"><strong>código do anúncio</strong></span><br />
<strong>&lt;div class=&#8221;post-body&#8221;&gt;<br />
&lt;div&gt;<br />
&lt;$BlogItemBody$&gt;</strong></p>
<p><span style="color: #970009"><strong>6 -</strong></span> Clique em &#8220;<strong>Visualizar</strong>&#8220;, e certifique-se de que as alterações foram feitas de forma correta &#8211; ou seja, verifique que o blog continue funcionando. A única diferença deve ser o seu bloco de anúncios, logo abaixo do título do post. Tudo certinho?</p>
<p><span style="color: #970009"><strong>7 -</strong></span> <strong>Se você quer centrar o bloco de anúncios:</strong></p>
<p>Basta colocá-lo entre as tags &lt;center&gt; e &lt;/center&gt;. Muitos blogs e fóruns por aí recomendam usar as tags &lt;div align=&#8221;center&#8221;&gt; e &lt;/div&gt;, mas esse método não funcionou nem pra mim nem pro Anny. Então, use &lt;center&gt; e &lt;/center&gt;.</p>
<p>Nesse caso ficaria assim:</p>
<p><strong>&lt;BlogItemTitle&gt;<br />
&lt;h3 class=&#8221;post-title&#8221;&gt;<br />
&lt;BlogItemUrl&gt;&lt;a href=&#8221;&lt;$BlogItemUrl$&gt;&#8221; title=&#8221;external link&#8221;&gt;&lt;/BlogItemUrl&gt;<br />
&lt;$BlogItemTitle$&gt;<br />
&lt;BlogItemUrl&gt;&lt;/a&gt;&lt;/BlogItemUrl&gt;<br />
&lt;/h3&gt;<br />
&lt;/BlogItemTitle&gt;</strong><br />
<strong>&lt;center&gt;<br />
<span style="color: #3333ff">código do anúncio</span></strong><br />
<strong>&lt;/center&gt;</strong><br />
<strong>&lt;div class=&#8221;post-body&#8221;&gt;<br />
&lt;div&gt;<br />
&lt;$BlogItemBody$&gt;</strong></p>
<p><span style="color: #970009"><strong>8 -</strong></span> <strong>Salve o modelo</strong>, e pronto.</p>
<p><strong>Importante:</strong> Como eu não uso mais o Blogger Clássico, não testei este hack. O Anny, quem me deu a dica, usa, e o resultado é excelente, como você pode ver no <a href="http://www.tvretro.blogspot.com/" target="_blank" rel="nofollow">blog</a> dele.</p>
<p><span style="color: #970009"><strong>________________________________<br />
Compare Preços de:</strong></span> <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=autor" target="_blank">Autor</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=lei" target="_blank">Lei</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=direito" target="_blank">Direito</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=dinheiro" target="_blank">Dinheiro</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=renda" target="_blank">Renda</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=profissional" target="_blank">Profissional</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=ferramentas&#038;catid=171" target="_blank">Ferramentas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=DVD" target="_Blank">DVD</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=filmes" target="_Blank">Filmes</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=celulares" target="_Blank">Celulares</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=notebooks" target="_Blank">Notebooks</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=cameras" target="_Blank">Câmeras</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=jogos" target="_Blank">Jogos</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=Wii" target="_Blank">Wii</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=PS3&#038;catid=159" target="_Blank">PS3</a> no <a href="http://www.jacotei.com.br/mod.php?module=jacotei.home&#038;af=2432">JáCotei</a></p>
<p><span style="color: #970009"><strong>________________________________</strong></span></p>
<p class="zoundry_bw_tags">   <!-- Tag links generated by Zoundry Blog Writer. Do not manually edit. http://www.zoundry.com --><br />
<span class="ztags"><span class="ztagspace">Technorati</span> : <a href="http://technorati.com/tag/Adsense" class="ztag" rel="tag">Adsense</a>, <a href="http://technorati.com/tag/Blogger" class="ztag" rel="tag">Blogger</a>, <a href="http://technorati.com/tag/Blogger%20Cl%C3%A1ssico" class="ztag" rel="tag">Blogger Clássico</a>, <a href="http://technorati.com/tag/Blogger%20Hacks" class="ztag" rel="tag">Blogger Hacks</a>, <a href="http://technorati.com/tag/Dicas" class="ztag" rel="tag">Dicas</a>, <a href="http://technorati.com/tag/Monetiza%C3%A7%C3%A3o" class="ztag" rel="tag">Monetização</a>, <a href="http://technorati.com/tag/Problogger" class="ztag" rel="tag">Problogger</a>, <a href="http://technorati.com/tag/Problogging" class="ztag" rel="tag">Problogging</a>, <a href="http://technorati.com/tag/Rendimento" class="ztag" rel="tag">Rendimento</a>, <a href="http://technorati.com/tag/Tips" class="ztag" rel="tag">Tips</a></span></p>

	<h4>Mais informação:</h4>
	<ul class="st-related-posts">
	<li><a href="http://blosque.com/widget-de-posts-relacionados-para/" title="Widget de Posts Relacionados para Blogger &#8211; Blogspot (June 14, 2007)">Widget de Posts Relacionados para Blogger &#8211; Blogspot</a> (81)</li>
	<li><a href="http://blosque.com/lista-de-posts-relacionados-no-rodap-do/" title="Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot (June 14, 2007)">Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot</a> (65)</li>
	<li><a href="http://blosque.com/hack-de-posts-recentes-para-blogger/" title="Hack de Posts Recentes para Blogger Clássico (June 14, 2007)">Hack de Posts Recentes para Blogger Clássico</a> (11)</li>
	<li><a href="http://blosque.com/widget-formulrio-de-contato-para/" title="Widget: Formulário de Contato para Blogger &#8211; Blogspot (October 16, 2007)">Widget: Formulário de Contato para Blogger &#8211; Blogspot</a> (20)</li>
	<li><a href="http://blosque.com/suplemento-de-trackbacks-do-blogger/" title="Suplemento de Trackbacks Para Blogger &#8211; Blogspot (April 24, 2007)">Suplemento de Trackbacks Para Blogger &#8211; Blogspot</a> (37)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blosque.com/exibindo-anncios-adsense-dentro-do-post/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot</title>
		<link>http://blosque.com/lista-de-posts-relacionados-no-rodap-do/</link>
		<comments>http://blosque.com/lista-de-posts-relacionados-no-rodap-do/#comments</comments>
		<pubDate>Thu, 14 Jun 2007 14:25:00 +0000</pubDate>
		<dc:creator>Nospheratt</dc:creator>
				<category><![CDATA[Blogger Hacks]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogger Clássico]]></category>
		<category><![CDATA[Blogspot]]></category>

		<guid isPermaLink="false">http://blosque.com/2007/06/lista-de-posts-relacionados-no-rodape-do-post-para-novo-blogger-blogspot/</guid>
		<description><![CDATA[UPDATES: Hack de Posts Recentes para Blogger Clássico Customizando a Lista de Posts Relacionados Ontem eu ensinei como criar um Widget de Posts Relacionados para seus posts. O problema do widget é que ele aparece no rodapé da página de postagem, depois dos comentários &#8211; muito embaixo, e bastante difícil de ser encontrado. Outra solução [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><a href="http://photobucket.com" target="_blank"><img src="http://i207.photobucket.com/albums/bb79/nospheratt/Blogando/Soluo.jpg" alt="Solução" border="0" height="271" width="450" /></a></p>
<p><strong><span style="color: #800000"><strong>UPDATES:</strong></span></strong></p>
<p><a href="http://blosque.com/2007/06/hack-de-posts-recentes-para-blogger.html">Hack de Posts Recentes para Blogger Clássico</a><br />
<a href="http://blosque.com/2007/06/customizando-lista-de-posts.html">Customizando a Lista de Posts Relacionados</a></p>
<p>Ontem eu ensinei como criar um <strong>Widget de Posts Relacionados</strong> para seus posts. O problema do widget é que ele aparece no rodapé da página de postagem, depois dos comentários &#8211; muito embaixo, e bastante difícil de ser encontrado.</p>
<p>Outra solução é colocá-lo na Sidebar, mas eu acho que assim também não fica bom, pois não é &#8220;estândar&#8221;, e as pessoas provavelmente não vão notá-lo enseguida. Então, coloquei as catracas pra funcionar, e descobri (euzinha, sozinha, sozinha sem a ajuda de ninguém <img src='http://blosque.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> ) uma solução melhor.</p>
<p>Pra isso, você tem que seguir as instruções do post <a href="http://blosque.com/2007/06/widget-de-posts-relacionados-para.html">Widget de Posts Relacionados para Blogger &#8211; Blogspot</a>, direitinho, até o passo <strong>número 7</strong>, onde diz <strong>&#8220;Salve o template&#8221;</strong>. Feito isso, volte aqui.</p>
<p><strong>Adicionando a Lista de Posts Relacionados no Rodapé do Post</strong></p>
<p><strong>1 -</strong> Ainda na tab <strong>&#8220;Editar Html&#8221;</strong>, clique em <strong>&#8220;Expandir modelos de widgets&#8221;</strong>.</p>
<p><strong>2 -</strong> Procure esta linha de código:</p>
<pre><strong>&lt;</strong>p class='post-footer-line post-footer-line-3'/<strong>&gt;</strong></pre>
<p><strong>3 -</strong> Adicione este código <strong>LOGO DEPOIS</strong> dessa linha (você pode substituir &#8220;Posts Relacionados&#8221; por qualquer texto que desejar):</p>
<pre><strong>&lt;</strong>b:if cond='data:blog.url != data:blog.homepageUrl'&gt;<span style="color: #ff0000">Posts Relacionados</span>&lt;/b:if&gt;
&lt;script type='text/javascript'&gt;
removeRelatedDuplicates();
printRelatedLabels();
&lt;/script<strong>&gt;</strong></pre>
<p><strong>4 -</strong> O código deve ficar assim:</p>
<pre>&lt;p class='post-footer-line post-footer-line-3'/&gt;
&lt;b:if cond='data:blog.url != data:blog.homepageUrl'&gt;<span style="color: #ff0000">Posts Relacionados</span>&lt;/b:if&gt;
&lt;script type='text/javascript'&gt;
removeRelatedDuplicates();
printRelatedLabels();
&lt;/script&gt;</pre>
<p>Tenha cuidado para <strong>não apagar ou sobreescrever nada</strong>, pois um simples espaço ou caracter sobrando ou faltando pode phoder completamente seu template.</p>
<p><strong>5 -</strong> Salve o template. Você já pode ver sua lista de posts relacionados, <strong>ANTES</strong> dos comentários! Legal, não é? <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong>Customizando a Quantidade de Posts Relacionados</strong></p>
<p>Tanto se você está usando este método, como se decidiu usar o widget, pode determinar o número máximo de posts que aparecerão na lista. Este hack usa as Categorias (Labels, Marcadores ou Etiquetas do Blogger &#8211; é tudo a mesma coisa) para escolher os posts relacionados. Ou seja, ele vai &#8220;puxar&#8221; posts que estejam na mesma (ou mesmas) categoria.</p>
<p>Para modificar o número de posts que serão mostrados &#8211; o número pré-determinado são 10 posts, se achar que está bem assim, não faça mais nada &#8211; vá até a tab <strong><span style="color: #800000">&#8220;Editar Html&#8221;</span></strong>, e clique em <strong>&#8220;Expandir modelos de widgets&#8221;.</strong> Procure este código no template:</p>
<pre>&lt;b:if cond='data:blog.pageType == "item"'&gt;
&lt;script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in
-script&amp;callback=related_results_labels&amp;max-results=<span style="color: #ff0000">5</span>"' type='text/javascript'/&gt;
&lt;/b:if&gt;</pre>
<p>Mude o número <span style="color: #ff0000">5</span> para qualquer coisa que você queira. Aparentemente, esse número não indica o total de posts, mas o máximo de posts que são mostrados por cada categoria &#8211; embora eu não tenha certeza disso. Experimente mudar o número algumas vezes, até encontrar a combinação ideal para você.</p>
<p>E, caso você esteja se perguntando, o hack e o widget funcionam com todos os posts, inclusive os mais antigos.</p>
<p><strong>Motivos Que Podem Causar Que o Hack de Posts Relacionados Não Funcione</strong></p>
<p><strong>1 &#8211; Você não usa as Categorias do Blogger.</strong></p>
<p>Se seus posts não estão categorizados, a lista de posts relacionados não aparecerá &#8211; mas se você instalou o hack direitinho, provavelmente o título &#8220;Posts Relacionados&#8221; vai aparecer, sem nada embaixo. Coloque categorias nos posts, e a lista vai aparecer.</p>
<p>Se você tem alguns posts categorizados e outros não, a lista só aparecerá nos posts com categorias, mas o título &#8220;Posts Relacionados&#8221; vai aparecer em todos.</p>
<p><strong>2 &#8211; Suas categorias contêm caracteres especiais</strong></p>
<p>Alguns caracteres, como (?) e (/) podem causar problemas com este hack. Elimine-os das suas categorias, e pronto.</p>
<p><strong><span style="color: #800000"><strong>3 &#8211; Código adicionado de forma incorreta</strong></span></strong></p>
<p>O código do <strong>passo 3</strong> deste posts deve ser adicionado <strong>após</strong> o código do <strong>passo 5</strong> do post <a href="http://blosque.com/2007/06/widget-de-posts-relacionados-para.html">Widget de Posts Relacionados para Blogger &#8211; Blogspot</a>, de forma que o código do <strong>passo 5</strong> fique <strong>depois</strong> do código do <strong>passo 3</strong> no HTML. Não entendeu? Simplesmente siga as instruções ao pé da letra e não modifique nada depois de instalar o hack! <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Sempre tenha cuidado para <strong>não apagar ou sobreescrever nada</strong>, pois um simples espaço ou caracter sobrando ou faltando pode phoder completamente seu template.</p>
<p><strong>4 &#8211; Você usa um Modelo Clássico de Template</strong></p>
<p>Este hack é para o <strong>NOVO Blogger</strong>. Logo vou estar postando um <a href="http://blosque.com/2007/06/hack-de-posts-recentes-para-blogger.html">hack para o Modelo Clássico ou Blogger antigo</a>.</p>
<p><strong>Hack original:</strong> <a href="http://purplemoggy.blogspot.com/2006/12/related-posts.html" target="_blank">Purple Moggy</a><br />
<strong>Modificado por</strong> <a href="http://blosque.com">Nospheratt</a> &#8211; Isto é, eu! Estou muito orgulhosa do meu pequeno hack, deu pra notar? <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><span style="color: #970009"><strong>________________________________</strong><br />
Compare Preços de: <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=personalizado" target="_blank">Artigos Personalizados</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=personalizada" target="_blank">Coisas Personalizadas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=ferramentas&#038;catid=171" target="_blank">Ferramentas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=DVD" target="_Blank">DVD</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=filmes" target="_Blank">Filmes</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=celulares" target="_Blank">Celulares</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=notebooks" target="_Blank">Notebooks</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=cameras" target="_Blank">Câmeras</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=jogos" target="_Blank">Jogos</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=Wii" target="_Blank">Wii</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=PS3&#038;catid=159" target="_Blank">PS3</a> no <a href="http://www.jacotei.com.br/mod.php?module=jacotei.home&#038;af=2432">JáCotei</a></span></p>
<p><span style="color: #970009"><strong>________________________________</strong></span></p>
<p class="zoundry_bw_tags">   <!-- Tag links generated by Zoundry Blog Writer. Do not manually edit. http://www.zoundry.com --><br />
<span class="ztags"><span class="ztagspace">Technorati</span> : <a href="http://technorati.com/tag/Blogger" class="ztag" rel="tag">Blogger</a>, <a href="http://technorati.com/tag/Blogger%20Hacks" class="ztag" rel="tag">Blogger Hacks</a>, <a href="http://technorati.com/tag/Blogspot" class="ztag" rel="tag">Blogspot</a>, <a href="http://technorati.com/tag/Como%20Fa%C3%A7o" class="ztag" rel="tag">Como Faço</a>, <a href="http://technorati.com/tag/Customizado" class="ztag" rel="tag">Customizado</a>, <a href="http://technorati.com/tag/Dicas" class="ztag" rel="tag">Dicas</a>, <a href="http://technorati.com/tag/Melhore%20seu%20BLog" class="ztag" rel="tag">Melhore seu BLog</a>, <a href="http://technorati.com/tag/Personalizar" class="ztag" rel="tag">Personalizar</a>, <a href="http://technorati.com/tag/Posts%20Relacionados" class="ztag" rel="tag">Posts Relacionados</a>, <a href="http://technorati.com/tag/Widget" class="ztag" rel="tag">Widget</a></span></p>

	<h4>Mais informação:</h4>
	<ul class="st-related-posts">
	<li><a href="http://blosque.com/widget-de-posts-relacionados-para/" title="Widget de Posts Relacionados para Blogger &#8211; Blogspot (June 14, 2007)">Widget de Posts Relacionados para Blogger &#8211; Blogspot</a> (81)</li>
	<li><a href="http://blosque.com/hack-de-posts-recentes-para-blogger/" title="Hack de Posts Recentes para Blogger Clássico (June 14, 2007)">Hack de Posts Recentes para Blogger Clássico</a> (11)</li>
	<li><a href="http://blosque.com/exibindo-anncios-adsense-dentro-do-post/" title="Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico (June 14, 2007)">Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico</a> (13)</li>
	<li><a href="http://blosque.com/widget-formulrio-de-contato-para/" title="Widget: Formulário de Contato para Blogger &#8211; Blogspot (October 16, 2007)">Widget: Formulário de Contato para Blogger &#8211; Blogspot</a> (20)</li>
	<li><a href="http://blosque.com/suplemento-de-trackbacks-do-blogger/" title="Suplemento de Trackbacks Para Blogger &#8211; Blogspot (April 24, 2007)">Suplemento de Trackbacks Para Blogger &#8211; Blogspot</a> (37)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blosque.com/lista-de-posts-relacionados-no-rodap-do/feed/</wfw:commentRss>
		<slash:comments>65</slash:comments>
		</item>
		<item>
		<title>Widget de Posts Relacionados para Blogger &#8211; Blogspot</title>
		<link>http://blosque.com/widget-de-posts-relacionados-para/</link>
		<comments>http://blosque.com/widget-de-posts-relacionados-para/#comments</comments>
		<pubDate>Thu, 14 Jun 2007 02:46:00 +0000</pubDate>
		<dc:creator>Nospheratt</dc:creator>
				<category><![CDATA[Blogger Hacks]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogger Clássico]]></category>
		<category><![CDATA[Blogspot]]></category>

		<guid isPermaLink="false">http://blosque.com/2007/06/widget-de-posts-relacionados-para-blogger-blogspot/</guid>
		<description><![CDATA[Update: A solução ideal: Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot Também leia esse post se você encontrou algum problema na instalação do hack. ________________________________ Como eu mencionei no post de ontem sobre a usabilidade do conteúdo, uma lista de &#8220;Posts Relacionados&#8221; no rodapé dos posts oferece vários benefícios. [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><a href="http://photobucket.com" target="_blank"><img src="http://i207.photobucket.com/albums/bb79/nospheratt/Blogando/Sonhos1.jpg" alt="Sonho" border="0" height="338" width="450" /></a></p>
<p><strong>Update:</strong> A solução ideal:</p>
<p><a href="http://blosque.com/2007/06/lista-de-posts-relacionados-no-rodap-do.html">Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot</a></p>
<p>Também leia esse post se você encontrou algum <strong>problema na instalação do hack</strong>.<br />
<span style="color: #970009"><strong>________________________________</strong></span></p>
<p>Como eu mencionei no post de ontem sobre a <a href="http://blosque.com/2007/06/50-dicas-de-usabilidade-que-ajudam.html">usabilidade do conteúdo</a>, uma lista de <strong>&#8220;Posts Relacionados&#8221;</strong> no rodapé dos posts oferece vários benefícios. Alguns desses benefícios são:</p>
<p>- Permite ao leitor encontrar <strong>exatamente o que lhe interessa</strong>, sem ter que revirar todo o site;</p>
<p>-É uma excelente &#8220;isca&#8221; para que o visitante/paraquedista <strong>conheça mais o seu blog</strong>;</p>
<p>- Aumenta a probabilidade de que o usuário <strong>leia mais posts</strong>;</p>
<p>- Mantém <strong>posts mais antigos à vista</strong>;</p>
<p>- Melhora a <strong>navegabilidade</strong> do blog.</p>
<p>Para quem usa WordPress ou outras plataformas, é muito fácil oferecer essa lista. Já o nosso querido Blogger não oferece essa opção. No entanto, já existe uma forma de implantar essa funcionalidade no <strong>novo Blogger</strong>, desenvolvida por um dos melhores hackers do Blogger &#8211; Blogspot. Antes que você pergunte, não, eu não conheço nenhuma forma de implantar &#8220;Posts Relacionados&#8221; no Blogger Clássico.</p>
<p><strong>Como Exibir Uma Lista de Posts Relacionados no novo Blogger &#8211; Blogspot</strong></p>
<p>Você vai ter que mexer um pouco com o código do blog. Este hack inclui a criação de um widget que vai exibir a lista. Essa não é uma opção muito prática, visto que não é possível inserir o widget no corpo dos posts. Mas não se preocupe; eu consegui melhorar o hack, para que a lista seja exibida no final do post, antes dos comentários como em qualquer outra plataforma de blog. <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><span><strong>Primeiro, Vamos ao Hack</strong></span></p>
<p><span>Siga cada passo cuidadosamente, prestando atenção para não inserir espaços ou caracteres desnecessários. Depois de cada passo, visualize o blog para certificar-se de que está tudo certinho, e salve antes de passar ao próximo passo. Assim, será mais fácil saber onde foi que você errou, e poderá voltar atrás sem ter que fazer tudo de novo.</span></p>
<p><span><strong>1 -</strong> Entre na sua conta do Blogger. Como sempre, faça antes um backup do seu template! Na tab <strong>&#8220;Editar HTML&#8221;</strong>, clique em <strong>&#8220;Baixar modelo completo&#8221;</strong>, e salve uma cópia do template no seu computador.</span></p>
<p><span><strong>2 -</strong> Procure a tag <strong>&lt;/head&gt;</strong>. Cole o seguinte código logo ANTES dela:</span></p>
<pre>&lt;script type="text/javascript"&gt;

  //&lt;![CDATA[

  var relatedTitles = new Array();

  var relatedTitlesNum = 0;

  var relatedUrls = new Array();

  function related_results_labels(json) {

  for (var i = 0; i &lt; json.feed.entry.length; i++) {

  var entry = json.feed.entry[i];

  relatedTitles[relatedTitlesNum] = entry.title.$t;

  for (var k = 0; k &lt; entry.link.length; k++) {

  if (entry.link[k].rel == 'alternate') {

  relatedUrls[relatedTitlesNum] = entry.link[k].href;

  relatedTitlesNum++;

  break;

  }

  }

  }

  }

  function removeRelatedDuplicates() {

  var tmp = new Array(0);

  var tmp2 = new Array(0);

  for(var i = 0; i &lt; relatedUrls.length; i++) {

  if(!contains(tmp, relatedUrls[i])) {

  tmp.length += 1;

  tmp[tmp.length - 1] = relatedUrls[i];

  tmp2.length += 1;

  tmp2[tmp2.length - 1] = relatedTitles[i];

  }

  }

  relatedTitles = tmp2;

  relatedUrls = tmp;

  }

  function contains(a, e) {

  for(var j = 0; j &lt; a.length; j++) if (a[j]==e) return true;

  return false;

  }

  function printRelatedLabels() {

  var r = Math.floor((relatedTitles.length - 1) * Math.random());

  var i = 0;

  document.write('&lt;ul&gt;');

  while (i &lt; relatedTitles.length &#038;&#038; i &lt; 20) {

  document.write('&lt;li&gt;&lt;a href="' + relatedUrls[r] + '"&gt;' + relatedTitles[r] +

  '&lt;/a&gt;&lt;/li&gt;');

  if (r &lt; relatedTitles.length - 1) {

  r++;

  } else {

  r = 0;

  }

  i++;

  }

  document.write('&lt;/ul&gt;');

  }

  //]]&gt;

  &lt;/script&gt;</pre>
<p><span><strong><span style="color: #800000"><strong>3 -</strong></span></strong> Salve o template. Clique na caixinha <strong>&#8220;Expandir modelos de widgets&#8221;</strong>.</span></p>
<p><span><strong>4 -</strong> Procure o seguinte trecho de código (certifique-se de que é <strong>esse trecho exato</strong>, existem outros parecidos):</span></p>
<pre>&lt;b:if cond='data:post.labels'&gt;

  &lt;data:postLabelsLabel/&gt;

  &lt;b:loop values='data:post.labels' var='label'&gt;

  &lt;a expr:href='data:label.url' rel='tag'&gt;&lt;data:label.name/&gt;&lt;/a&gt;

  &lt;b:if cond='data:label.isLast != "true"'&gt;,&lt;/b:if&gt;

  &lt;/b:loop&gt;

  &lt;/b:if&gt;</pre>
<p><span><strong>5 -</strong> Cole este código <strong>ANTES</strong> do <strong>&lt;/b:loop&gt; :</strong></span></p>
<pre>&lt;b:if cond='data:blog.pageType == "item"'&gt;

  &lt;script expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&#038;callback=related_results_labels&#038;max-results=10"'
  type='text/javascript'/&gt;

  &lt;/b:if&gt;</pre>
<p><span><strong>6 -</strong> O código deve ficar assim (a parte vermelha é o que você adicionou):</span></p>
<pre>&lt;b:if cond='data:post.labels'&gt;

  &lt;data:postLabelsLabel/&gt;

  &lt;b:loop values='data:post.labels' var='label'&gt;

  &lt;a expr:href='data:label.url' rel='tag'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;b:if
  cond='data:label.isLast != "true"'&gt;,&lt;/b:if&gt;

  <span style="COLOR: #ff0000">&lt;b:if cond='data:blog.pageType == "item"'&gt;

  &lt;script expr:src='"/feeds/posts/default/-/" + data:label.name +
  "?alt=json-in-script&#038;callback=related_results_labels&#038;max-results=10"'
  type='text/javascript'/&gt;

  &lt;/b:if&gt;
  </span> &lt;/b:loop&gt;

  &lt;/b:if&gt;</pre>
<p><span><strong>7 -</strong> Salve o template. Se você quer adicionar o <strong>widget de Posts Recentes</strong> no final da página de postagem, você precisa&#8230;</span></p>
<p><span><strong>Permitir a Adição de Elementos às Postagens no Blog</strong></span></p>
<ul>
<li>Permaneça na tab <strong>&#8220;Editar HTML&#8221;</strong>:</li>
<li><strong>NÃO</strong> clique em <strong>&#8220;Expandir modelos de widgets&#8221;</strong>. Se a caixinha estiver marcada, desmarque.</li>
<li>Procure pelo código dos Posts; ele deve estar logo após o Header-wrapper. O código é este (ou alguma coisa muito parecida):</li>
</ul>
<pre>&lt;div id='main-wrapper'&gt;

  &lt;b:section class='main' id='main' showaddelement='<span style=
  "COLOR: #ff0000">no</span>'&gt;

  &lt;b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'/&gt;

  &lt;/b:section&gt;

  &lt;/div&gt;</pre>
<p><span>Simplesmente substitua <strong>&#8220;<span style="color: #ff0000">no</span>&#8220;</strong> por <strong>&#8220;<span style="color: #ff0000">yes</span>&#8220;.</strong> Salve as mudanças.</span></p>
<p><span><strong><span style="color: #800000">Fim da Adição de Elementos às Postagens no Blog</span></strong></span></p>
<p><span>Agora podemos continuar com o hack de Posts Recentes.</span></p>
<p><span><strong>Como Criar o Widget de Posts Recentes</strong></span></p>
<p><span><strong>1 -</strong> Vá até a tab <strong>&#8220;Elementos da Página&#8221;</strong>.</span></p>
<p><span><strong>2 -</strong> Você verá que agora existe um link <strong><span style="color: #800000"><strong>&#8220;</strong><strong>Adicionar um elemento de página</strong><strong>&#8220;</strong></span></strong>, sobre o campo dos posts. Clique nesse link.</span></p>
<p><span><strong>3 -</strong> Escolha <strong>&#8220;HTML/JavaScript&#8221;</strong>, clicando em <strong>&#8220;Adicionar Ao Blog&#8221;</strong>.</span></p>
<p><span>4 &#8211; Escolha um <strong>Título</strong> &#8211; &#8220;Posts Relacionados&#8221;, &#8220;Veja Também&#8221;, o que você quiser &#8211; e cole o seguinte código no campo do <strong>Conteúdo</strong>:</span></p>
<pre>&lt;script type="text/javascript"&gt;

  removeRelatedDuplicates();

  printRelatedLabels();

  &lt;/script&gt;</pre>
<p><span><strong>5 -</strong> Salve as alterações. Volte para a tab <strong>&#8220;Editar HTML&#8221;</strong>. Clique na caixinha <strong>&#8220;Expandir modelos de widgets&#8221;</strong>.</span></p>
<p><span><strong>6 -</strong> Procure o código do widget que você acaba de adicionar. Uma forma fácil de encontrá-lo e procurar o título que você deu ao widget, e certificar-se de que ele está dentro de uma tag <strong>&lt;b:widget&gt;</strong>. É algo assim:</span></p>
<pre>&lt;b:widget id='HTML13' locked='false' title='Posts
  Relacionados' type='HTML'&gt;

  &lt;b:includable id='main'&gt;

  &lt;!-- only display title if it's non-empty --&gt;

  &lt;b:if cond='data:title != ""'&gt;

  &lt;h2 class='title'&gt;&lt;data:title/&gt;&lt;/h2&gt;

  &lt;/b:if&gt;

  &lt;div class='widget-content'&gt;

  &lt;data:content/&gt;

  &lt;/div&gt;

  &lt;b:include name='quickedit'/&gt;

  &lt;/b:includable&gt;

  &lt;/b:widget&gt;</pre>
<p><span><strong><span style="color: #800000"><strong>7 -</strong></span></strong> Inclua as linhas em vermelho, <strong>EXTAMENTE ONDE ESTÁ INDICADO</strong>.</span></p>
<pre>&lt;b:widget id='HTML13' locked='false' title='Posts
  Relacionados' type='HTML'&gt;

  &lt;b:includable id='main'&gt;

  <span style="COLOR: #ff0000">&lt;b:if cond='data:blog.pageType == "item"'&gt;
  </span> &lt;!-- only display title if it's non-empty --&gt;

  &lt;b:if cond='data:title != ""'&gt;

  &lt;h2 class='title'&gt;&lt;data:title/&gt;&lt;/h2&gt;

  &lt;/b:if&gt;

  &lt;div class='widget-content'&gt;

  &lt;data:content/&gt;

  &lt;/div&gt;
  <br/>
  &lt;b:include name='quickedit'/&gt;

  <span style="COLOR: #ff0000">&lt;/b:if&gt;</span>

  &lt;/b:includable&gt;

  &lt;/b:widget&gt;</pre>
<p><span><strong><span style="color: #800000">8 -</span></strong> Salve o template. Você já pode arrastar seu widget de Posts Recentes para onde queira; o lugar mais aconselhável é debaixo das &#8220;Postagens do Blog&#8221;. A lista só vai aparecer nas páginas de postagem &#8211; não na Home do blog.</span></p>
<p><span>O problema do widget é que ele fica depois dos comentários, lá embaixo, na página do post. Se você tiver muitos comentários, é provável que muitos leitores não vejam sua lista de posts relacionados. O melhor mesmo seria uma solução estândar, com a lista de posts relacionados logo abaixo do posts, não é?</span></p>
<p><span>Eu descobri como implantar essa solução perfeita. No entanto, você vai ter que me desculpar, mas este post já está muito longo. Amanhã eu ensino o procedimento para que você possa ter uma <a href="http://blosque.com/2007/06/lista-de-posts-relacionados-no-rodap-do.html">lista de posts relacionados</a> como essa que você vê aí embaixo. <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </span></p>
<p><span><strong>Fonte do Hack:</strong> <a href="http://purplemoggy.blogspot.com/2006/12/related-posts.html" target="_blank">Purple Moggy</a></span></p>
<p><span style="color: #970009"><strong>________________________________</strong> <span><br />
Compare Preços de: <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=personalizado" target="_blank">Artigos Personalizados</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=personalizada" target="_blank">Coisas Personalizadas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=ferramentas&#038;catid=171" target="_blank">Ferramentas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=DVD" target="_Blank">DVD</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=filmes" target="_Blank">Filmes</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=celulares" target="_Blank">Celulares</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=notebooks" target="_Blank">Notebooks</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=cameras" target="_Blank">Câmeras</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=jogos" target="_Blank">Jogos</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=Wii" target="_Blank">Wii</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=PS3&#038;catid=159" target="_Blank">PS3</a> no <a href="http://www.jacotei.com.br/mod.php?module=jacotei.home&#038;af=2432">JáCotei</a></span></span></p>
<p><span><span style="color: #970009"><strong>________________________________</strong></span></span></p>
<p class="zoundry_bw_tags">   <!-- Tag links generated by Zoundry Blog Writer. Do not manually edit. http://www.zoundry.com --><br />
<span class="ztags"><span class="ztagspace">Technorati</span> : <a href="http://technorati.com/tag/Blogger" class="ztag" rel="tag">Blogger</a>, <a href="http://technorati.com/tag/Blogger%20Hacks" class="ztag" rel="tag">Blogger Hacks</a>, <a href="http://technorati.com/tag/Blogspot" class="ztag" rel="tag">Blogspot</a>, <a href="http://technorati.com/tag/Como%20Fa%C3%A7o" class="ztag" rel="tag">Como Faço</a>, <a href="http://technorati.com/tag/Customizado" class="ztag" rel="tag">Customizado</a>, <a href="http://technorati.com/tag/Dicas" class="ztag" rel="tag">Dicas</a>, <a href="http://technorati.com/tag/Melhore%20seu%20BLog" class="ztag" rel="tag">Melhore seu BLog</a>, <a href="http://technorati.com/tag/Personalizar" class="ztag" rel="tag">Personalizar</a>, <a href="http://technorati.com/tag/Posts%20Relacionados" class="ztag" rel="tag">Posts Relacionados</a>, <a href="http://technorati.com/tag/Widget" class="ztag" rel="tag">Widget</a></span></p>

	<h4>Mais informação:</h4>
	<ul class="st-related-posts">
	<li><a href="http://blosque.com/lista-de-posts-relacionados-no-rodap-do/" title="Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot (June 14, 2007)">Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot</a> (65)</li>
	<li><a href="http://blosque.com/hack-de-posts-recentes-para-blogger/" title="Hack de Posts Recentes para Blogger Clássico (June 14, 2007)">Hack de Posts Recentes para Blogger Clássico</a> (11)</li>
	<li><a href="http://blosque.com/exibindo-anncios-adsense-dentro-do-post/" title="Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico (June 14, 2007)">Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico</a> (13)</li>
	<li><a href="http://blosque.com/widget-formulrio-de-contato-para/" title="Widget: Formulário de Contato para Blogger &#8211; Blogspot (October 16, 2007)">Widget: Formulário de Contato para Blogger &#8211; Blogspot</a> (20)</li>
	<li><a href="http://blosque.com/suplemento-de-trackbacks-do-blogger/" title="Suplemento de Trackbacks Para Blogger &#8211; Blogspot (April 24, 2007)">Suplemento de Trackbacks Para Blogger &#8211; Blogspot</a> (37)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blosque.com/widget-de-posts-relacionados-para/feed/</wfw:commentRss>
		<slash:comments>81</slash:comments>
		</item>
		<item>
		<title>Como Colocar o Link Count Widget doTechnorati no Blogger &#8211; Blogspot</title>
		<link>http://blosque.com/como-colocar-o-link-count-widget/</link>
		<comments>http://blosque.com/como-colocar-o-link-count-widget/#comments</comments>
		<pubDate>Mon, 28 May 2007 13:17:00 +0000</pubDate>
		<dc:creator>Nospheratt</dc:creator>
				<category><![CDATA[Blogger Hacks]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogger Clássico]]></category>

		<guid isPermaLink="false">http://blosque.com/2007/05/como-colocar-o-link-count-widget-dotechnorati-no-blogger-blogspot/</guid>
		<description><![CDATA[O que é Link Count Widget? O Link Count Widget doTechnorati é o link que aparece geralmente no footer (rodapé) dos posts, que diz &#8220;View blog reactions&#8221;. Esse widget indica quantos links o post recebeu, de outro blogs cadastrados no Technorati. Clicando nele, somos levados à uma página de busca que mostra os posts que [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><a href="http://www.flickr.com/photos/nospheratt/514106441/" title="Link Count Widget doTechnorati no Blogger"><img src="http://farm1.static.flickr.com/208/514106441_eeab19ac5a_o.jpg" alt="Technorati" height="251" width="450" /></a></p>
<h3>   <strong style="color: #804040">O que é Link Count Widget?</strong></h3>
<p>O <a href="http://technorati.com/tools/linkcount/" target="_blank">Link Count Widget doTechnorati</a> é o link que aparece geralmente no footer (rodapé) dos posts, que diz <strong>&#8220;View blog reactions&#8221;</strong>. Esse widget indica quantos links o post recebeu, de outro blogs cadastrados no <a href="http://technorati.com/" target="_blank">Technorati</a>. Clicando nele, somos levados à uma página de busca que mostra os posts que linkaram o seu post.</p>
<h3>   <strong style="color: #804040">Para Quê Serve?</strong></h3>
<p>Básicamente, para saber quem está falando sobre o que você escreve, e o quê diabos estão dizendo. <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Também é uma forma simples e prática de saber quando um post seu está fazendo sucesso, descobrir blogs novos e alardear um pouco seu êxito. <img src='http://blosque.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  Além disso, é outro <a href="http://blosque.com/2007/04/suplemento-de-trackbacks-do-blogger.html" target="_blank">suplemento de trackbacks</a> para o Blogger. A contagem do link é atualizada de forma praticamente instantânea quando um novo link surge.</p>
<h3>   <strong style="color: #804040">Como Instalar o Link Count Widget doTechnorati no seu Blogspot</strong></h3>
<p>É muito simples. Siga as instruções cuidadosamente.</p>
<h3>   <strong style="color: #804040">Novo Blogger</strong></h3>
<p><strong style="color: #804040">1 -</strong> Entre na sua conta no Blogger. Entre em &#8220;Layout&#8221;. Vá até a tab &#8220;Editar HTML&#8221;.</p>
<p><strong style="color: #804040">2 &#8211; Importante:</strong> Clique na caixinha &#8221; Expandir modelos de widgets&#8221;.</p>
<p><strong style="color: #804040">3 -</strong> Procure esta linha de código:</p>
<pre>&lt;p class='post-footer-line post-footer-line-3'&gt;</pre>
<p><strong style="color: #804040">4 -</strong> Substitua essa linha <strong>inteira</strong> por este código:</p>
<pre>&lt;p class='post-footer-line post-footer-line-3'&gt;
&lt;script src='http://embed.technorati.com/linkcount'
type='text/javascript'/&gt;&lt;b:if cond='data:post.url'&gt;
&lt;a class='tr-linkcount' expr:href='"http://technorati.com/search/"
 + data:post.url'&gt; <span style="color: #ff0000">View blog reactions</span>&lt;/a&gt; &lt;/b:if&gt; &lt;/p&gt;</pre>
<p><strong style="color: #804040">5 -</strong> Você pode substituir <strong>&#8220;View blog reactions&#8221;</strong> por qualquer texto que você queira.</p>
<p><strong style="color: #804040">6 -</strong> Visualize o blog, para ter certeza de que está tudo certo. Tudo certo? Salve. Senão, refaça o caminho e certifique-se de que não se enganou em alguma coisa &#8211; como inserir espaços ou caracteres no HTML, sem querer.</p>
<p><strong style="color: #804040">7 -</strong> <strong>Pronto!</strong> O link vai aparecer no rodapé dos posts, acompanhado do balãozinho do Technorati. Quando o post for linkado por outros blogs, o link mudará e mostrará quantos links o post recebeu. Por exemplo: &#8220;1 Blog Reaction&#8221;.</p>
<p>Eu já instalei o widget aqui no Blogando; dê uma olhada no footer do post, e vai ver que a última coisa que aparece é &#8220;View Blog Reactions&#8221;.</p>
<h3><strong style="color: #804040">Blogger Clássico &#8211; Template Clássico</strong></h3>
<p>Eu passei todos os meus blogs ao Modelo Novo (Layout) quando mudei para o Novo Blogger, por isso não faço idéia de como é exatamente a interface do Painel.</p>
<p>Mesmo assim, vou traduzir aqui as instruções dadas no site do próprio Technorati, para a instalação do widget no <strong style="color: #804040">Template Clássico</strong>. Se alguém encontrar algum erro, ou eu estiver dizendo alguma barbaridade, por favor me avisem. <img src='http://blosque.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong style="color: #804040">1 -</strong> Vá até a edição de HTML do blog (seja lá como for que isso se chame agora no modelo clássico);</p>
<p><strong style="color: #804040">2 -</strong> Procure o código do footer. Provavelmente é algo parecido com isto:</p>
<pre>&lt;p class="entry-footer"&gt;</pre>
<p>ou</p>
<pre>&lt;p class="post-footer"&gt;</pre>
<p><strong style="color: #804040">3 -</strong> Cole o seguinte código exatamente <strong>ANTES</strong> do primeiro <strong>&lt;/p&gt;</strong> que você encontrar, após o código que você encontrou no passo 2:</p>
<pre>&lt;script src="http://embed.technorati.com/linkcount"
 type="text/javascript"&gt;&lt;/script&gt;&lt;a class="tr-linkcount"
 href=" http://technorati.com/search/
&lt;$BlogItemPermalinkUrl$&gt;"&gt;<span style="color: #ff0000">View blog reactions</span>&lt;/a&gt;</pre>
<p><strong style="color: #804040">4 -</strong> Você pode substituir <strong>&#8220;View blog reactions&#8221;</strong> por qualquer texto que você queira.</p>
<p><strong style="color: #804040">5 -</strong> Visualize o blog, para ter certeza de que está tudo certo. Tudo certo? Salve. Senão, refaça o caminho e certifique-se de que não se enganou em alguma coisa &#8211; como inserir espaços ou caracteres no HTML, sem querer, ou colar o código no lugar errado.</p>
<p><strong style="color: #804040">6 -</strong> Pronto!</p>
<p><strong style="color: #804040">Fonte do Widget para o Novo Blogger:</strong> <a href="http://hoctro.blogspot.com/" target="_blank">Hoctro&#8217;s Place</a></p>
<p><span style="color: #970009"><strong>________________________________</strong></span></p>
<p><strong>Compare Preços de:</strong> <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=personalizado" target="_blank">Artigos Personalizados</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=personalizada" target="_blank">Coisas Personalizadas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=ferramentas&#038;catid=171" target="_blank">Ferramentas</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=DVD" target="_Blank">DVD</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=filmes" target="_Blank">Filmes</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=celulares" target="_Blank">Celulares</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=notebooks" target="_Blank">Notebooks</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=cameras" target="_Blank">Câmeras</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=jogos" target="_Blank">Jogos</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=Wii" target="_Blank">Wii</a>, <a href="http://www.jacotei.com.br/mod.php?module=jacotei.metabusca&#038;af=2432&#038;texto=PS3&#038;catid=159" target="_Blank">PS3</a> no <a href="http://www.jacotei.com.br/mod.php?module=jacotei.home&#038;af=2432">JáCotei</a></p>
<p><span style="color: #970009"><strong>________________________________</strong></span></p>
<p><span class="ztags"><span class="ztagspace">Technorati</span> : <a href="http://technorati.com/tag/Blog" class="ztag" rel="tag">Blog</a>, <a href="http://technorati.com/tag/Blogger" class="ztag" rel="tag">Blogger</a>, <a href="http://technorati.com/tag/Blogger%20Hacks" class="ztag" rel="tag">Blogger Hacks</a>, <a href="http://technorati.com/tag/Blogosfera" class="ztag" rel="tag">Blogosfera</a>, <a href="http://technorati.com/tag/Blogspot" class="ztag" rel="tag">Blogspot</a>, <a href="http://technorati.com/tag/Como%20Fa%C3%A7o" class="ztag" rel="tag">Como Faço</a>, <a href="http://technorati.com/tag/Dicas" class="ztag" rel="tag">Dicas</a>, <a href="http://technorati.com/tag/Ferramentas" class="ztag" rel="tag">Ferramentas</a>, <a href="http://technorati.com/tag/Melhore%20seu%20Blog" class="ztag" rel="tag">Melhore seu Blog</a>, <a href="http://technorati.com/tag/Technorati" class="ztag" rel="tag">Technorati</a>, <a href="http://technorati.com/tag/Widget" class="ztag" rel="tag">Widget</a></span></p>

	<h4>Mais informação:</h4>
	<ul class="st-related-posts">
	<li><a href="http://blosque.com/widget-de-posts-relacionados-para/" title="Widget de Posts Relacionados para Blogger &#8211; Blogspot (June 14, 2007)">Widget de Posts Relacionados para Blogger &#8211; Blogspot</a> (81)</li>
	<li><a href="http://blosque.com/lista-de-posts-relacionados-no-rodap-do/" title="Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot (June 14, 2007)">Lista de Posts Relacionados no Rodapé do Post para Novo Blogger &#8211; Blogspot</a> (65)</li>
	<li><a href="http://blosque.com/hack-de-posts-recentes-para-blogger/" title="Hack de Posts Recentes para Blogger Clássico (June 14, 2007)">Hack de Posts Recentes para Blogger Clássico</a> (11)</li>
	<li><a href="http://blosque.com/exibindo-anncios-adsense-dentro-do-post/" title="Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico (June 14, 2007)">Exibindo Anúncios AdSense Dentro do Post &#8211; Blogger Clássico</a> (13)</li>
	<li><a href="http://blosque.com/widget-formulrio-de-contato-para/" title="Widget: Formulário de Contato para Blogger &#8211; Blogspot (October 16, 2007)">Widget: Formulário de Contato para Blogger &#8211; Blogspot</a> (20)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blosque.com/como-colocar-o-link-count-widget/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
