Dicas Blogger

Home » Archives for novembro 2009

15 sites para busca de ícones web

<div align="justify">
O conteúdo continua sendo o mais importante, mas um blog com um visual bonito também ajuda na hora de fidelizar os visitantes. Quem trabalha com webdesign recomenda que, além de beleza, um site ou blog deve ter uma boa navegabilidade, ou seja, deve facilitar a vida dos internautas. Uma boa pedida para melhorar tanto o visual quanto a navegabilidade é o uso (sem exagero) de <a href="http://pt.wikipedia.org/wiki/%C3%8Dcone_%28inform%C3%A1tica%29" target="_blank">ícones</a>, de preferência simples e modernos.</div>
<div align="justify">
Os ícones, na informática, são imagens representativas ou seja, são símbolos que representam alguma coisa. Como exemplos, podemos citar os ícones dos sistemas operacionais ou dos navegadores. Em uma página da web, quando olhamos uma casinha ou um envelopinho já deduzimos que se trata, respectivamente, da home e do email.</div>
<span id="fullpost">   </span><br />
<div align="justify">
<span id="fullpost">Quem não conhece alguns destes serviços, aqui representados em forma de ícones?</span></div>
<span id="fullpost">    <div align="justify">
<a href="http://lh6.ggpht.com/_EttevOw0KeE/SxJotsK1E5I/AAAAAAAAHck/xxQXdKpHvY8/s1600-h/Feed_icons15%5B4%5D.png"><img alt="Feeds" border="0" height="50" src="http://lh5.ggpht.com/_EttevOw0KeE/SxJouSDNkII/AAAAAAAAHco/eFoUQsB9zsM/Feed_icons15_thumb%5B2%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Feeds" width="50" /></a> <a href="http://lh3.ggpht.com/_EttevOw0KeE/SxJovOIU79I/AAAAAAAAHcs/EElEnFnn1WI/s1600-h/Twitter_button%5B4%5D.png"><img alt="Twitter" border="0" height="50" src="http://lh3.ggpht.com/_EttevOw0KeE/SxJov8AR-kI/AAAAAAAAHcw/wjmD7Hc19kM/Twitter_button_thumb%5B2%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Twitter" width="50" /></a> <a href="http://lh5.ggpht.com/_EttevOw0KeE/SxJowrpgguI/AAAAAAAAHc0/nh4T9d1aakk/s1600-h/flickr-48x48%5B3%5D.png"><img alt="flickr" border="0" height="48" src="http://lh5.ggpht.com/_EttevOw0KeE/SxJoxczN39I/AAAAAAAAHc4/rc0LQMoqshQ/flickr-48x48_thumb%5B1%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="flickr" width="48" /></a> <a href="http://lh4.ggpht.com/_EttevOw0KeE/SxJoxwvW9CI/AAAAAAAAHc8/vRpXBwa1d50/s1600-h/skype-48x48%5B3%5D.png"><img alt="skype" border="0" height="48" src="http://lh4.ggpht.com/_EttevOw0KeE/SxJoyzri0TI/AAAAAAAAHdA/jxNiGJITwbY/skype-48x48_thumb%5B1%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="skype" width="48" /></a> <a href="http://lh6.ggpht.com/_EttevOw0KeE/SxJozftqf1I/AAAAAAAAHdE/wsRugCI7gVA/s1600-h/technorati-48x48%5B3%5D.png"><img alt="technorati" border="0" height="48" src="http://lh4.ggpht.com/_EttevOw0KeE/SxJo0E09DCI/AAAAAAAAHdI/Z_SP5iFBiPQ/technorati-48x48_thumb%5B1%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="technorati" width="48" /></a> <a href="http://lh4.ggpht.com/_EttevOw0KeE/SxJo0utngQI/AAAAAAAAHdM/l-09Rizy_TE/s1600-h/email-48x48%5B3%5D.png"><img alt="email" border="0" height="48" src="http://lh3.ggpht.com/_EttevOw0KeE/SxJo1mF2RUI/AAAAAAAAHdQ/_0TRKERH_F4/email-48x48_thumb%5B1%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="email" width="48" /></a> <a href="http://lh6.ggpht.com/_EttevOw0KeE/SxJo2EzbseI/AAAAAAAAHdU/SgH_n1oMFxo/s1600-h/google-48x48%5B3%5D.png"><img alt="google" border="0" height="48" src="http://lh5.ggpht.com/_EttevOw0KeE/SxJo24AnS4I/AAAAAAAAHdY/kKoowAyGsBg/google-48x48_thumb%5B1%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="google" width="48" /></a> </div>
<div align="justify">
Eu gosto muito desses brinquedinhos e todos os meus templates possuem ícones para apontar aos visitantes o que eles desejam encontrar. Neste tempo que venho customizando templates, acabei colecionando uma lista de sites repletos de lindos ícones e hoje quero compartilhar com vocês. A maioria deles já vem com uma caixa de busca, mas como muitos estão em inglês, recomendo que vocês digitem nesse idioma o que estão procurando.</div>
<div align="justify">
<a href="http://lh5.ggpht.com/_EttevOw0KeE/SxJpWkiUu8I/AAAAAAAAHdc/ZGklUCLzDgQ/s1600-h/image%5B7%5D.png"><img alt="" border="0" height="199" src="http://lh3.ggpht.com/_EttevOw0KeE/SxJpX_dpmvI/AAAAAAAAHdg/8URyuKdKf2Q/image_thumb%5B11%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="458" /></a></div>
<div align="center">
<span style="font-size: xx-small;">Busca por ícones no site Iconfinder</span></div>
<span style="color: red; font-size: small;">Lista com 15 sites para busca de ícones (web icons e social media icons)</span><br />
    <ol>
<li>       <div align="justify">
<span style="font-size: x-small;"> </span><a href="http://www.iconfinder.net/"><span style="font-size: x-small;">http://www.iconfinder.net/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://www.iconarchive.com/"><span style="font-size: x-small;">http://www.iconarchive.com/</span></a><span style="font-size: x-small;"> </span></div>
</li>
<li>       <div align="justify">
<a href="http://www.iconlet.com/"><span style="font-size: x-small;">http://www.iconlet.com/</span></a><span style="font-size: x-small;"> </span></div>
</li>
<li>       <div align="justify">
<a href="http://www.iconspedia.com/"><span style="font-size: x-small;">http://www.iconspedia.com/</span></a><span style="font-size: x-small;"> </span></div>
</li>
<li>       <div align="justify">
<span style="font-size: x-small;"><a href="http://www.iconesbr.net/">http://www.iconesbr.net/</a></span></div>
</li>
<li>       <div align="justify">
<a href="http://dryicons.com/free-icons/"><span style="font-size: x-small;">http://dryicons.com/free-icons/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://blog.iconspedia.com/"><span style="font-size: x-small;">http://blog.iconspedia.com/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://icons.mysitemyway.com/"><span style="font-size: x-small;">http://icons.mysitemyway.com/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://www.websitebullets.com/"><span style="font-size: x-small;">http://www.websitebullets.com/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://www.iconesgratis.com.br/"><span style="font-size: x-small;">http://www.iconesgratis.com.br/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://www.websiteicons.net/"><span style="font-size: x-small;">http://www.websiteicons.net/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://www.pinvoke.com/"><span style="font-size: x-small;">http://www.pinvoke.com/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://icons16x16.com/"><span style="font-size: x-small;">http://icons16x16.com/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://www.freeiconsweb.com/"><span style="font-size: x-small;">http://www.freeiconsweb.com/</span></a></div>
</li>
<li>       <div align="justify">
<a href="http://findicons.com/" title="http://findicons.com/">http://findicons.com/</a></div>
</li>
</ol>
<strong>Technorati Tags:</strong> <a href="http://technorati.com/tag/web%20icons%20-%20icones%20web%20%E2%80%93%20webdesign" rel="tag">web icons - icones web – webdesign</a><br />
     </span>

15 sites para busca de ícones web

O conteúdo continua sendo o mais importante, mas um blog com um visual bonito também ajuda na hora de fidelizar os visitantes. Quem trabalh...

Continue Lendo >>

10:28

Como colocar o hack “Leia Mais” no Blogger

<p align="justify"><em>Este post foi atualizado e modificado em 23/10/10</em></p> <p align="justify">Neste post vou ensiná-los a usar três métodos para mostrar o resumo de postagens na página inicial do Blogger, também chamado de “Leia Mais”: o primeiro faz um resumo automático em todas as postagens, o segundo faz um corte manual e o terceiro é o próprio “Leia Mais” nativo do Blogger, o <a href="http://www.dicasblogger.com.br/2009/09/jump-break-o-leia-mais-do-blogger.html" target="_blank">Jump Break</a>.</p> <p align="justify">A nomenclatura para o resumo de postagens na página inicial varia muito. Podemos chamar de “leia mais”, “continue lendo”, “read more” e etc.</p> <p align="justify">Os três modelos são simples de implementar e a escolha fica a critério de vocês.</p> <p align="justify">Em todos os templates gratuitos do Dicas Blogger, existe pelo menos 1 destes hacks instalados – <a href="http://www.templates.dicasblogger.com.br/" target="_blank">DB Templates</a></p> <p align="justify">Antes de fazer qualquer alteração, é altamente recomendável fazer um <a href="http://dicasblogger.blogspot.com/2008/05/backup-template-widgets-blogger.html">backup do template</a>.</p> <p><strong><span style="color: rgb(255, 128, 0);"><span style="font-size:100%;">Modelo 1-Hack “Leia mais” com corte automático</span></span></strong></p> <p align="justify">Este hack não está mais funcionando. Passe para o modelo 4.</p> <p><strong><span style="color: rgb(255, 128, 0);"><span style="font-size:100%;">Modelo 2-Hack “Leia mais”com corte manual</span></span></strong></p> <p align="justify">Entre no html do seu template, marque a caixa <strong>expandir modelos de widgets </strong>e procure por <strong></HEAD>.</strong> Cole o código abaixo <strong>antes</strong> da tag </HEAD></p> <blockquote> <p><b:if cond='data:blog.pageType != "item"'><br /><script type="text/javascript"><br />function checkFull(id) {<br />var post = document.getElementById(id);<br />var spans = post.getElementsByTagName('span');<br />var found = 0;<br />for (var i = 0; i &lt; spans.length; i++) {<br />if (spans[i].id == "fullpost") {<br />spans[i].style.display = 'none';<br />found = 1;<br />}<br />if ((spans[i].id == "showlink") &amp;&amp; (found == 0))<br />spans[i].style.display = 'none';<br />}<br />}<br /></script><br /></b:if></p></blockquote> <p>Procure agora por:</p> <blockquote> <p><div class='post-body'><br /><p><data:post.body/></p></p></blockquote> <p>ou por:</p> <blockquote> <p><div class='post-body'><br />      <p><data:post.body/></p><br />      <div style='clear: both;'/> <br />    </div></p></blockquote> <p>Substitua tudo por: </p> <blockquote> <p><div class='post-body' expr:id='"post-" + data:post.id' ><br /><b:if cond='data:blog.pageType == "item"'><br /><style>#fullpost{display:inline;}</style><br /><p><data:post.body/></p><br /><b:else/><br /><style>#fullpost{display:none;}</style><br /><p><data:post.body/></p><br /><span id='showlink'><br /><a expr:href='data:post.url'><strong><span style="color:#ff0000;">Continue lendo</span></strong> &gt;&gt;</a><br /></span><br /><script type='text/javascript'><br />checkFull("post-" + "<data:post.id/>");<br /></script><br /></b:if></div></p></blockquote> <p>Clique em visualizar e se tudo estiver ok, clique em salvar. </p> <p align="justify">Escreva seu post normalmente e quando terminá-lo, clique em<strong> editar html</strong> e coloque o  código <strong><span id="fullpost"></strong> onde você deseja iniciar o resumo e <strong></span></strong> no final do post.</p> <blockquote> <p align="center">Post (área de corte) <span id="fullpost"> restante do post </span></p></blockquote> <p>Veja um exemplo na imagem abaixo:</p> <p><a href="http://lh3.ggpht.com/_EttevOw0KeE/SxEvrS9s2sI/AAAAAAAAHtU/HjG1KLl34Ug/s1600-h/image%5B2%5D.png"><img alt="" border="0" height="227" src="http://lh4.ggpht.com/_EttevOw0KeE/SxEvso409iI/AAAAAAAAHtc/uQI9zhwAeoQ/image_thumb%5B1%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="500" /></a></p> <p align="justify">Pra quem usa o <strong><span style="color:#008000;">Windows Live Writer</span></strong>, é necessário clicar na aba <strong>código fonte</strong> e colocar o <strong><span id="fullpost"></strong> após o término de um parágrafo “</p>” e o <strong></span></strong> também.</p> <p align="justify"><a href="http://lh3.ggpht.com/_EttevOw0KeE/S0Dyvz4vk_I/AAAAAAAAHtg/h083GXzHJw8/s1600-h/leiamais%5B8%5D.jpg"><img alt="Html Windows Live Writer" border="0" height="217" src="http://lh3.ggpht.com/_EttevOw0KeE/S0DyxLB6wRI/AAAAAAAAHts/NPO9cqmVw5U/leiamais_thumb%5B10%5D.jpg?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Html Windows Live Writer" width="502" /></a> </p> <p><strong><span style="color: rgb(255, 128, 0);"><span style="font-size:100%;">Modelo 3-Jump Break – o “leia Mais” do Blogger</span></span></strong></p> <p align="justify">Esta nova função já está presente nos modelos padrão do Blogger. </p> <p align="justify">Para quem usa um template personalizado – que é o caso dos modelos criados por mim e pelos demais colegas – é preciso instalar um código no html do template. </p> <p align="justify">Entre em <strong>layout</strong>, <strong>editar html</strong> e clique em <strong>expandir modelos de widgets</strong>. </p> <p align="justify">Usando a combinação Crtl+F do seu teclado, procure pelo seguinte trecho: </p> <blockquote> <p align="justify"><data:post.body/> </p></blockquote> <p align="justify">Logo abaixo do trecho citado, cole o seguinte código: </p> <blockquote> <p><b:if cond='data:post.hasJumpLink'><br /><div class='jump-link'><br /><a expr:href='data:post.url + "#more"'><data:post.jumpText/></a><br /></div><br /></b:if ></p></blockquote> <p>No caso dos <a href="http://dicasblogger.blogspot.com/2008/09/templates-do-dicas-blogger.html">templates do Dicas Blogger</a>, procure por:</p> <blockquote> <p><p><data:post.body/></p></p></blockquote> <p>Este trecho aparecerá 2 vezes. Cole o código <strong>embaixo</strong> do segundo trecho: </p> <p><a href="http://lh5.ggpht.com/_EttevOw0KeE/SqkkIvSxaLI/AAAAAAAAG0w/lfma7YTDfmM/s1600-h/image%5B23%5D.png"><img alt="instalando o<br /> código" border="0" height="146" src="http://lh3.ggpht.com/_EttevOw0KeE/SqkkJxWWxRI/AAAAAAAAG00/sTvzXCF4Tl0/image_thumb%5B33%5D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="instalando o código" width="502" /></a> </p> <p align="justify">Para <strong>resumir os posts</strong>, é preciso usar o novo editor de textos do Blogger. Para habilitá-lo, entre no painel, clique em configurações e, no final da página, procure por <strong>configurações globais</strong>. Marque a opção <strong>editor atualizado.</strong></p> <p><a href="http://lh4.ggpht.com/_EttevOw0KeE/SxEvvyY3yVI/AAAAAAAAHbo/vY8Q4D3vrmY/s1600-h/image%5B19%5D.png"><img alt="" border="0" height="223" src="http://lh3.ggpht.com/_EttevOw0KeE/SxEvxLRJ-3I/AAAAAAAAHbs/smZV7r9UuyI/image_thumb%5B18%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="500" /></a></p> <p>Escreva seu post, escolha a área de corte (resumo) e clique no ícone do jump break</p> <p align="justify"><a href="http://lh3.ggpht.com/_EttevOw0KeE/SxEvzFipC8I/AAAAAAAAHbw/nOIqa8P5glQ/s1600-h/image%5B29%5D.png"><img alt="Jump Break" border="0" height="242" src="http://lh6.ggpht.com/_EttevOw0KeE/SxEv1ZePtII/AAAAAAAAHb0/JIE-sTXb9NY/image_thumb%5B24%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Jump Break" width="500" /></a> Muitos usuários relataram que após o uso do jump break a sidebar foi parar embaixo dos posts, mas é preciso apenas tomar alguns cuidados. </p> <p align="justify"><strong>O corte tem que ser inserido após o fechamento de uma div</strong>. Portanto, após a inserção do jump break, é preciso clicar em <strong>editar html</strong>  e inserir o <strong>“more”</strong> após o fechamento de uma div (</div>)</p> <p><a href="http://lh3.ggpht.com/_EttevOw0KeE/SxEv2sfbRAI/AAAAAAAAHb4/On-xeTvbaLs/s1600-h/image%5B35%5D.png"><img alt="jump break erro" border="0" height="229" src="http://lh6.ggpht.com/_EttevOw0KeE/SxEv4G7wu3I/AAAAAAAAHb8/24DwX5soe2A/image_thumb%5B28%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="jump break erro" width="500" /></a> </p> <p><a href="http://lh4.ggpht.com/_EttevOw0KeE/SxEv5QytGEI/AAAAAAAAHcA/BjEARtNpbrw/s1600-h/image%5B41%5D.png"><img alt="jump break correto" border="0" height="229" src="http://lh3.ggpht.com/_EttevOw0KeE/SxEv65I-hHI/AAAAAAAAHcI/0PfmV_Lbxo8/image_thumb%5B32%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="jump break correto" width="500" /></a></p> <p align="justify">No Jump Break, aparece a frase “mais informações” ao final do post. Para mudar a frase, entre em <strong>elementos de página</strong> e procure por <strong>postagens no blog</strong> (1). Clique em editar (2) e depois altere para um texto do seu gosto (3).</p> <p align="justify"><a href="http://lh3.ggpht.com/_EttevOw0KeE/S-V5op4n5qI/AAAAAAAAI8Y/dMz4x74wQHo/s1600-h/jump%5B6%5D.jpg"><img alt="" border="0" height="248" src="http://lh5.ggpht.com/_EttevOw0KeE/S-V52h_N1xI/AAAAAAAAI8c/L3nGKneYFqw/jump_thumb%5B4%5D.jpg?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="508" /></a> </p> <p align="justify">Todos os modelos já haviam sido publicados aqui e em outros blogs, mas achei que ficaria mais legal colocá-los em um único post para facilitar a vida de todos.</p> <p align="justify">Créditos para <a href="http://usuariocompulsivo.blogspot.com/2009/01/posts-resumidos-na-pagina-inicial-do.html" target="_blank">Usuário Compulsivo</a>, <a href="http://www.bloggerbuster.com/2008/09/elegant-post-summaries-for-blogger-with.html" target="_blank">Blogger Buster</a> e <a href="http://elescaparatederosa.blogspot.com/2009/11/como-usar-correctamente-el-leer-mas.html" target="_blank">El Escaparate de Rosa</a>.</p> <p><strong><span style="color: rgb(255, 128, 0);"><span style="font-size:100%;">Outros recursos interessantes</span></span></strong></p> <ul> <li><a href="http://www.dicasblogger.com.br/2010/03/resumo-de-postagens-live-writer.html">Resumo de postagens com o Windows Live Writer</a>  </li><li><a href="http://www.ferramentasblog.com/2009/08/personalizar-o-hack-leia-mais-do.html">Personalizar o Hack “Leia mais” do Blogger - Resumo de Postagem</a> </li></ul> <p align="justify"><em><strong></strong></em> </p> <p align="justify"><em><strong>Atualização em 23/10/2010</strong></em></p> <p align="justify"><strong><span style="color: rgb(255, 128, 0);"><span style="font-size:100%;">Modelo 4- Hack “Leia mais” com corte automático e imagens</span></span></strong></p> <p align="justify">Este hack faz um corte automático e mostra pequenas imagens (thumbnails)</p> <p align="justify">Acesse: <a href="http://www.dicasblogger.com.br/2010/09/hack-leia-mais-com-imagens.html">Hack “Leia mais” automático e com imagens</a></p> <p> </p> <div class="blogger-post-footer"> <p> </p></div>

Como colocar o hack “Leia Mais” no Blogger

Este post foi atualizado e modificado em 23/10/10 Neste post vou ensiná-los a usar três métodos para mostrar o resumo de postagens na págin...

Continue Lendo >>

12:42

Bug no sistema de comentários

Bug no sistema de comentários

O Blogger vem apresentando alguns problemas no sistema de comentários. Um deles é o “desaparecimento” dos comentários mais antigos. O outro...

Continue Lendo >>

22:50

Como mudar o domínio no Blogger

<div align="justify">
Queridos <strike>alunos</strike> leitores: meu lema sempre foi “dica aprendida, dica compartilhada”. Então hoje vou ensiná-los, passo-a-passo, como mudar o domínio do seu blog no Blogger/ Blogspot.</div>
<div align="justify">
Para os menos habituados com os termos, <a href="http://pt.wikipedia.org/wiki/Dom%C3%ADnio" target="_blank">domínio</a>, segundo a Wikipedia, <em>é um nome que serve para localizar e identificar conjuntos de </em><a href="http://pt.wikipedia.org/wiki/Computadores"><em>computadores</em></a><em> na </em><a href="http://pt.wikipedia.org/wiki/Internet"><em>Internet</em></a><em>. O nome de domínio foi concebido com o objetivo de facilitar a memorização dos endereços de computadores na Internet. Sem ele, teríamos que memorizar uma sequência grande de números</em>.</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">Para fins didáticos, o domínio é o endereço do seu blog e também pode ser chamado de <a href="http://pt.wikipedia.org/wiki/URL" target="_blank">URL</a></span></div>
<span id="fullpost"> <div align="justify">
A plataforma Blogger – que é a nossa especialidade – já fornece GRATUITAMENTE o domínio <em>blogspot.com.</em> Quando criamos um blog no Blogger, o endereço SEMPRE será:</div>
<blockquote>
<div align="center">
<strong>http:// [nome do blog] .blogspot.com</strong></div>
</blockquote>
<div align="justify">
Manter esse endereço original já atesta que aquele blog está hospedado no Blogger. Não há nenhuma desvantagem nisso, certo? Errado. Sabemos que em muitas redes corporativas e universitárias, domínios que possuem a palavra blog são bloqueados. O mesmo acontece com o Orkut, MSN, Twitter e outros serviços erroneamente considerados como de lazer.</div>
<div align="justify">
O ideal mesmo é já começar um blog com um domínio personalizado:</div>
<ul>
<li> <div align="justify">
<a href="http://www.dicasblogger.com.br/2009/10/ter-ou-nao-ter-um-dominio-proprio.html">Ter ou não ter um domínio, eis a questão</a> </div>
</li>
</ul>
<div align="justify">
Por outro lado, é muito simples mudar o domínio do seu blog, mas lembre-se que:</div>
<ol>
<li> <div align="justify">
Não é de graça. Custa de R$ 15 a R$ 30,00/ ano</div>
</li>
<li> <div align="justify">
Você vai perder os links de retorno que estão em outros blogs</div>
</li>
<li> <div align="justify">
Teoricamente vai perder o pagerank, mas isso se recupera</div>
</li>
<li> <div align="justify">
Rankings como os do BlogBlogs também serão zerados</div>
</li>
</ol>
<div align="justify">
<strong>O que você não vai perder:</strong></div>
<ol>
<li> <div align="justify">
Número de leitores de feeds</div>
</li>
<li> <div align="justify">
Posts, imagens, comentários e template</div>
</li>
<li> <div align="justify">
Dados estatísticos</div>
</li>
<li> <div align="justify">
Links indexados nos mecanimos de busca</div>
</li>
</ol>
<div align="justify">
O que o Blogger faz? Ele vai redirecionar seu antigo endereço <em>blogspot.com</em> para o seu domínio personalizado, automaticamente, mas a alteração completa pode demorar até 24 horas, portanto não entre em pânico com as telas de redirecionamento. É normal.</div>
<div align="justify">
<strong><span style="color: #0c74c9; font-size: small;">1. Escolha e registro do domínio</span></strong></div>
<div align="justify">
A primeira coisa a ser feita é escolher um domínio e registrá-lo. Existem domínios internacionais ( .com, .net, info, .org e etc) e os nacionais (.com.br, .blog.br e etc).</div>
<div align="justify">
Para busca e registro, eu uso e recomendo o <strong>Uol Host</strong>. Seguem abaixo links de posts anteriores, onde ensinei como registrar e configurar um domínio personalizado:</div>
<ul>
<li><a href="http://www.dicasblogger.com.br/2009/06/como-registrar-dominio-uol-host.html">Como registrar e configurar um domínio no Uol Host</a>  </li>
<li><a href="http://www.dicasblogger.com.br/2008/12/como-configurar-dominio-no-blogger.html">Como configurar um domínio próprio no Blogger</a> (Locaweb) </li>
</ul>
<strong><span style="color: #0080ff; font-size: small;">2.Configuração no painel do Blogger</span></strong><br />
 <div align="justify">
Uma vez comprado e registrado o domínio, devemos inseri-lo no blog. Para tanto, entre no painel, clique em configurações e na aba publicação, escolha “alternar para domínio personalizado” e logo em seguida, escolha “ir para configurações avançadas”</div>
<div align="justify">
<a href="http://lh3.ggpht.com/_EttevOw0KeE/SwxMN-i7WHI/AAAAAAAAHaM/SKxZvuEwTDU/s1600-h/image%5B8%5D.png"><img alt="Configuração do domínio" border="0" height="174" src="http://lh6.ggpht.com/_EttevOw0KeE/SwxMPB2hRFI/AAAAAAAAHaQ/okRRkmLqP_0/image_thumb%5B11%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Configuração do domínio" width="452" /></a></div>
<div align="justify">
Na caixa “seu domínio” escreva o endereço do domínio que você comprou, SEMPRE com o <strong>www</strong> antes. Marque a caixa de redirecionamento assim que o Blogger aceitar o novo domínio, para que seus leitores cheguem ao seu blog tanto com quanto sem o<strong> www</strong>.</div>
<div align="justify">
<strong><span style="color: #0080ff; font-size: small;">3. Os Feeds</span></strong></div>
<div align="justify">
Se você usa os feeds do próprio Blogger, nada precisa ser feito pois a mudança será automática. Veja abaixo os endereços de feeds do Blogger (default):</div>
<blockquote>
Feeds do Blogger: <a href="http://seublog.blogspot.com/feeds/posts/default">http://seublog.blogspot.com/feeds/posts/default</a><br />
Feeds do Blogger com domínio próprio: <a href="http://www.seublog.com.br/feeds/posts/default">http://www.seublog.com.br/feeds/posts/default</a></blockquote>
<div align="justify">
Pra quem usa o <strong>FeedBurner</strong> e não quer perder o número de assinantes, basta entrar em <strong><span style="color: red;">edit feed details</span></strong>, no painel do FeedBurner e mudar o endereço do blog em <strong><span style="color: red;">original feed</span></strong>.</div>
<div align="justify">
<a href="http://lh6.ggpht.com/_EttevOw0KeE/SwxMQQSMgCI/AAAAAAAAHac/6zkXByNYQtM/s1600-h/image%5B9%5D.png"><img alt="Configuração dos feeds" border="0" height="176" src="http://lh4.ggpht.com/_EttevOw0KeE/SwxMRtN5UpI/AAAAAAAAHag/t29gUDaPnhA/image_thumb%5B12%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Configuração dos feeds" width="452" /></a> </div>
<div align="justify">
O feed original que estará no painel do FeedBurner será o do Blogger. Apenas mude o endereço do domínio <strong>blogspot </strong>pelo do <strong>domínio personalizado</strong>.</div>
<blockquote>
<div align="justify">
<strong>ANTES:</strong> <a href="http://seublog.blogspot.com/feeds/posts/default">http://seublog.blogspot.com/feeds/posts/default</a></div>
<div align="justify">
<strong>DEPOIS:</strong> <a href="http://www.seublog.com.br/feeds/posts/default">http://www.seublog.com.br/feeds/posts/default</a></div>
</blockquote>
Os assinantes continuarão a receber os posts via feeds sem nem notarem a mudança.<br />
 <ul>
<li><a href="http://dicasblogger.blogspot.com/2009/10/usar-e-configurar-feedburner.html">Dicas Blogger: Como usar e configurar o FeedBurner</a> </li>
</ul>
<strong><span style="color: #0080ff; font-size: small;">4.O Sitemap</span></strong><br />
 <div align="justify">
Quem usa o <a href="http://dicasblogger.blogspot.com/2008/03/google-webmaster-tools.html" target="_blank">Google Webmaster Tools</a>, deverá criar um novo perfil para o domínio personalizado e enviar novos sitemaps. A forma mais atual de enviar sitemaps para quem usa o FeedBurner é esta e vai depender do número de posts:</div>
<blockquote>
atom.xml?redirect=false&start-index=1&max-results=100 <br />atom.xml?redirect=false&start-index=101&max-results=100 <br />atom.xml?redirect=false&start-index=201&max-results=100 <br />atom.xml?redirect=false&start-index=301&max-results=100</blockquote>
<div align="justify">
Pra quem não sabe o que é um sitemap e nem como inseri-lo, recomendo estes posts:</div>
<ul>
<li><a href="http://usuariocompulsivo.blogspot.com/2008/08/sitemap-completo-no-blogger-com.html">Sitemap completo no Blogger com Feedburner</a>, by Compulsivo  </li>
<li><a href="http://www.dicasblogger.com.br/2010/02/como-enviar-sitemaps-ao-google.html">Como enviar sitemaps ao Google Webmaster Tools</a>, by Dicas Blogger </li>
<li><a href="http://www.ferramentasblog.com/2009/07/google-webmaster-tools-criar-sitemap.html">Google Webmaster Tools – Criar Sitemap para Blogger</a>, by Marcos Lemos </li>
</ul>
<strong><span style="color: #0080ff; font-size: small;">5. O Google Analytics</span></strong><br />
 <div align="justify">
Pode manter como está, pois o que vale é o código que foi inserido no blog. Caso você use outros serviços de web analytics, verifique se será necessário criar uma nova conta.</div>
<ul>
<li><a href="http://www.dicasblogger.com.br/2009/09/acompanhe-as-estatisticas-do-seu-blog.html">Acompanhe as estatísticas do seu blog</a>  </li>
<li><a href="http://www.dicasblogger.com.br/2010/02/como-colocar-o-analytics-no-blog.html">Como colocar o Google Analytics no Blogger</a> </li>
<li><a href="http://www.dicasblogger.com.br/2009/09/como-atrair-visitantes-para-seu-blog.html">Como atrair visitantes para o seu blog – parte l</a>  </li>
<li><a href="http://www.dicasblogger.com.br/2009/09/como-atrair-visitantes-para-o-blog-2.html">Como atrair visitantes para seu blog – parte ll</a>  </li>
<li><a href="http://www.dicasblogger.com.br/2009/09/como-atrair-visitantes-final.html">Como atrair visitantes para seu blog – final</a> </li>
</ul>
<strong><span style="color: #0080ff; font-size: small;">6. BlogBlogs e afins</span></strong><br />
 <div align="justify">
Em serviços como BlogBlogs e Technorati, será necessário criar um novo perfil, já que eles não permitem a alteração da url. O ranking antigo não será zerado, mas como os backlinks mudarão, aos poucos o antigo endereço irá caindo e o novo subindo ;)</div>
<div align="justify">
Well, o post ficou ENORME, mas meus tutoriais não são para preguiçosos, né? LOL O objetivo principal é evitar que você leitor passe pelo <a href="http://www.dicasblogger.com.br/2009/11/o-novo-dominio-vai-ficar-para-uma.html" target="_blank">stress que passei</a> ;) E lembre-se: se não for usar o domínio de imediato, NÃO DIVULGUE-O e coloque-o em um blog de testes.</div>
<strong>ATUALIZAÇÃO em 06/01/2009</strong><br />
 <div align="justify">
1. Para quem usa o <strong>AdSense</strong>, pode ser que seja necessário autorizar o novo domínio. Para tanto, acessem configurações do AdSense> sites permitidos</div>
<div align="justify">
2. Há uma queda acentuada no número de visitantes vindos do Google. No caso do Dicas Blogger foi em torno de 40% e só normalizou após 45 dias. Não se assustem.</div>
</span>

Como mudar o domínio no Blogger

Queridos alunos leitores: meu lema sempre foi “dica aprendida, dica compartilhada”. Então hoje vou ensiná-los, passo-a-passo, como mudar o...

Continue Lendo >>

19:39

E a Justiça foi feita!

E a Justiça foi feita!

O www.dicasblogger.com.br voltou pra mim \o/ Graças à bondade e à amizade do Amílcar e do Teilor , abnegados colaboradores do fórum de aj...

Continue Lendo >>

18:20

O novo domínio vai ficar para uma próxima

<div align="justify">
Lembram do novo domínio do blog? Pois é, hoje fui fazer a configuração para direcionar o dicasblogger.blogspot.com para o dicasblogger.com.br e me deparei com uma mensagem dizendo  que outro blog já estava hospedado naquele endereço. Achei estranho.</div>
<div align="justify">
Fiz toda a configuração no Uol Host, conforme consta <a href="http://dicasblogger.blogspot.com/2009/06/como-registrar-dominio-uol-host.html" target="_blank">neste tutorial</a> e nada do Blogger aceitar o domínio. Fui dando refresh na página até que, finalmente, ela abriu:</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost"><a href="http://lh3.ggpht.com/_EttevOw0KeE/SwdcmEkH0aI/AAAAAAAAHYQ/-_K3vwXpuT8/s1600-h/fdp%5B5%5D.jpg"><img alt="dicas blogger falso" border="0" height="264" src="http://lh4.ggpht.com/_EttevOw0KeE/Swdcm7plwlI/AAAAAAAAHYU/35NVMnX0CTU/fdp_thumb%5B3%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="dicas blogger falso" width="502" /></a> </span></div>
<span id="fullpost"> <div align="justify">
A princípio pensei que tivessem roubado o domínio. Corri no Uol Host e lá estava ele, firme, forte e no meu nome. Com a ajuda de amigos no Twitter, consegui tirar aquela página do ar  e fazer o direcionamento ao contrário ( do .com.br para o blogspot)</div>
<div align="justify">
Só que eu descobri uma grave falha de segurança no Blogger, pois não pede-se comprovação de quem é o dono do domínio na hora de configurá-lo. Sendo assim, qualquer um pode pegar um domínio alheio ainda não configurado, colocar no Blogger e travá-lo. </div>
<div align="justify">
Se você que está me assistindo, tem um domínio próprio e ainda não quer usá-lo, coloque-o em um blog de rascunho, antes que alguém o faça. </div>
<div align="justify">
No meu caso, eu continuo sendo a dona do domínio dicasblogger.com.br, mas ao configurar o DNS ele apontará para um outro blog, que não é o meu.</div>
<div align="justify">
Não sinto raiva de quem fez isso, apenas pena, muita pena. Ninguém pode ser feliz vivendo de inveja e de vingança. Eu pelo menos tenho paz no meu coração. Só fico triste de saber que tem alguém que me detesta tanto e que nem me dá o direito de saber porque…</div>
<div align="justify">
Agradeço a todos os amigos que interagiram comigo pelo Twitter, seja tentando me ajudar ou mesmo para me dar uma força. Adoro todos vocês. E vamos seguir em frente.</div>
<div align="justify">
<strong>ATUALIZAÇÃO:</strong> Algumas pessoas não entenderam porque o domíno <a href="http://www.dicasblogger.com.br/">www.dicasblogger.com.br</a> está apontando para o <a href="http://dicasblogger.blogspot.com/">http://dicasblogger.blogspot.com</a>. Vejam bem, o domínio é meu, ele não foi roubado, apenas está bloqueado para ser usado no Blogger/Blogspot. O indivíduo  foi no painel e em publicação>domínio personalizado ele inseriu um domínio que não é dele e, pior, o Blogger aceitou. #epicfail</div>
<div align="justify">
<a href="http://lh6.ggpht.com/_EttevOw0KeE/SwhB0N6xnNI/AAAAAAAAHYY/14t2ply3Dzk/s1600-h/image%5B6%5D.png"><img alt="image" border="0" height="133" src="http://lh6.ggpht.com/_EttevOw0KeE/SwhB0w6GGFI/AAAAAAAAHYc/8RHIdQJLoq4/image_thumb%5B8%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="image" width="452" /></a> </div>
<div align="justify">
Ao tentar fazer o mesmo com o MEU domínio, o Blogger não aceitou, enviando uma mensagem que “outro blog já está hospedado neste endereço”, que é o blog do infeliz.</div>
<div align="justify">
Agradeço, de todo o coração, pelas mensagens de apoio e de carinho que venho recebendo. Inclusive posts foram escritos e isso muito me emocionou. Muito obrigada!</div>
<ol>
<li> <div align="justify">
<a href="http://www.talesofthewasted.com/2009/11/gracinha-tem-limites.html" target="_blank">Gracinha te Limites</a>, por <a href="http://twitter.com/fbjr" target="_blank">@fbjr</a></div>
</li>
<li> <div align="justify">
<a href="http://www.limaoemlimonada.com.br/2009/11/trollagem-o-cumulo-da-inveja-e-educacao.html">Trollagem: o cúmulo da inveja e a educação que faltou em casa</a>, por <a href="http://twitter.com/manunajjar" target="_blank">@manunajjar</a></div>
</li>
<li> <div align="justify">
<a href="http://www.ferramentasblog.com/2009/11/blogosfera-tem-lei-e-suas-regras-valem.html" target="_blank">A Blogosfera tem Lei e suas regras valem pra todos</a>, por <a href="http://twitter.com/hordones" target="_blank">@hordones</a> </div>
</li>
<li> <div align="justify">
<a href="http://uhugalera.blogspot.com/2009/11/mestra-com-carinho.html" target="_blank">À mestra com carinho</a>, por <a href="http://twitter.com/inaciorolim" target="_blank">@inaciorolim</a></div>
</li>
<li> <div align="justify">
<a href="http://joangelblog.blogspot.com/2009/11/juliana-sardinha-versus-ninguem.html" target="_blank">Juliana Sardinha versus ninguém</a>, por <a href="http://twitter.com/Jo_Angell" target="_blank">@Jo_Angell</a></div>
</li>
</ol>
</span>

O novo domínio vai ficar para uma próxima

Lembram do novo domínio do blog? Pois é, hoje fui fazer a configuração para direcionar o dicasblogger.blogspot.com para o dicasblogger.com....

Continue Lendo >>

01:16

Template Fire

<a href="http://lh6.ggpht.com/_EttevOw0KeE/SwVZo9GhJyI/AAAAAAAAHV0/5I1A35hQuPA/s1600-h/image%5B16%5D.png"><img alt="" border="0" height="220" src="http://lh5.ggpht.com/_EttevOw0KeE/SwVZqMDzyHI/AAAAAAAAHV4/LDlV4u8NTdI/image_thumb%5B21%5D.png?imgmax=800" style="border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="402" /></a> <br />
<div align="center">
<a href="http://templatefire.blogspot.com/" target="_blank">Demonstração</a> – <a href="https://drive.google.com/file/d/0B7G-mAQQKCyZM3NwTW5aMUF3bVk/view?usp=sharing" target="_blank">Download</a><a href="http://www.4shared.com/file/hMbjr2PB/template_fire.html"> </a>– <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt" target="_blank">Termos de Uso</a></div>
<span id="fullpost"> </span><br />
<table cellpadding="2" cellspacing="2" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(238, 238, 238) none repeat scroll 0% 0%; border: 3px solid rgb(204, 204, 204); text-align: left; width: 100%;"> <tbody>
<tr> <td align="left" valign="undefined">retirada da navbar  <br />
edição dos posts direto da home  <br />
artigos relacionados  <br />
personalização da caixa de comentários  <br />
novo formulário de comentários</td> <td align="undefined" valign="undefined">1 coluna à esquerda  <br />
1 coluna à direita  <br />
1 coluna embaixo do cabeçalho  <br />
3 colunas no rodapé  <br />
cores personalizáveis</td></tr>
</tbody></table>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">Após baixar o arquivo, clique com o botão direito do mouse e escolha a opção abrir. Dentro da pasta você irá encontrar o template em .xml, a imagem do cabeçalho e a dos feeds. Faça um <a href="http://dicasblogger.blogspot.com/2008/05/backup-template-widgets-blogger.html" target="_blank">backup dos widgets</a> que encontram-se em seu blog e efetue a <a href="http://dicasblogger.blogspot.com/2009/01/como-trocar-o-template-do-blogger.html" target="_blank">troca de template</a>.</span></div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">Para colocar a imagem do cabeçalho, entre em layout > elementos de página > cabeçalho > editar. Faça o upload da imagem e marque a caixa “atrás do título e descrição”. Ou se você preferir editar o título do blog com essa imagem, marque “por trás do título e descrição”.</span></div>
<span id="fullpost">
<div align="justify">
<a href="http://lh3.ggpht.com/_EttevOw0KeE/SwVZrX-Iu1I/AAAAAAAAHV8/jysW7gyi6Iw/s1600-h/image%5B14%5D.png"><img alt="Trocando a imagem" border="0" height="210" src="http://lh6.ggpht.com/_EttevOw0KeE/SwVZsDU4mHI/AAAAAAAAHWA/0eYQf37R4jc/image_thumb%5B19%5D.png?imgmax=800" style="border: 0px none; display: block; float: none; margin-left: auto; margin-right: auto;" title="Trocando a imagem" width="402" /></a> Este template vem com a possibilidade de mostrar apenas um<b> resumo da postagem</b> na página inicial (Hack Leia Mais), que <b>não é</b> o <a href="http://dicasblogger.blogspot.com/2009/09/jump-break-o-leia-mais-do-blogger.html">Jump Break</a>. Ao terminar de escrever seu post, entre em “editar html”, escolha o local de corte e cole <b><span id="fullpost">. </b>No final do post, cole <b></span>.</b> Daí é só publicar que já vai aparecer o Leia Mais. </div>
<a href="http://lh4.ggpht.com/_EttevOw0KeE/SwRAmC9XIpI/AAAAAAAAHVo/aORfRT-IlrU/s1600-h/image%5B28%5D.png"><img alt="Hack Leia mais" border="0" height="218" src="http://lh5.ggpht.com/_EttevOw0KeE/SwRAncbjXaI/AAAAAAAAHVs/fZKgTkL6vro/image_thumb%5B35%5D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="Hack Leia mais" width="482" /></a>Para colocar links no menu que fica embaixo do cabeçalho, entre em layout > editar html> linkbar e siga as instruções contidas neste post - <a href="http://dicasblogger.blogspot.com/2009/01/como-inserir-links-na-linkbar.html">Como inserir links na linkbar</a>.  <br />
Confira diversas funções e truques que podem ser utilizados neste template com facilidade:  <br />
<table cellpadding="2" cellspacing="2" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: rgb(238, 238, 238) none repeat scroll 0% 0%; border: 3px solid rgb(204, 204, 204); text-align: left; width: 100%;"> <tbody>
<tr> <td align="left" valign="undefined"><ul>
<li><a href="http://dicasblogger.blogspot.com/2009/10/configurar-comentarios-no-blogger.html"><span style="font-size: 78%;">Como configurar os comentários no Blogger</span></a><span style="font-size: 78%;"> </span> </li>
<li><a href="http://dicasblogger.blogspot.com/2009/05/editar-letras-e-cores-template.html"><span style="font-size: 78%;">Como editar letras e cores no template do Blogger</span></a><span style="font-size: 78%;"> </span> </li>
<li><a href="http://dicasblogger.blogspot.com/2009/05/como-centralizar-widgets-blogger.html"><span style="font-size: 78%;">Como centralizar os widgets no Blogger</span></a><span style="font-size: 78%;"> </span> </li>
<li><a href="http://dicasblogger.blogspot.com/2009/01/como-colocar-um-link-em-uma-imagem.html"><span style="font-size: 78%;">Como colocar um link em uma imagem</span></a><span style="font-size: 78%;"> </span> </li>
<li><a href="http://dicasblogger.blogspot.com/2009/01/como-inserir-marcadores-nos-posts.html"><span style="font-size: 78%;">Como inserir marcadores nos posts</span></a></li>
</ul>
</td> <td align="undefined" valign="undefined"><br />
<br />
<li><a href="http://dicasblogger.blogspot.com/2009/09/artigos-relacionados-com-imagens.html"><span style="font-size: 78%;">Hack - artigos relacionados com imagens</span></a><span style="font-size: 78%;"> </span> </li>
<li><a href="http://dicasblogger.blogspot.com/2009/09/avatar-nos-comentarios-do-blogger.html"><span style="font-size: 78%;">Avatar nos comentários do Blogger</span></a><span style="font-size: 78%;"> </span> </li>
<li><a href="http://dicasblogger.blogspot.com/2009/09/personalize-os-marcadores-do-blogger.html"><span style="font-size: 78%;">Personalize os marcadores do Blogger</span></a><span style="font-size: 78%;"> </span> </li>
<li><a href="http://dicasblogger.blogspot.com/2009/09/caixa-de-busca-cabecalho-blogger.html"><span style="font-size: 78%;">Caixa de busca no cabeçalho do Blogger</span></a><span style="font-size: 78%;"> </span> </li>
<li><a href="http://dicasblogger.blogspot.com/2009/01/paginas-estaticas-no-blogger-sem-data.html"><span style="font-size: 78%;">Páginas estáticas no Blogger sem data</span></a></li>
</td></tr>
</tbody></table>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0pt;">
</div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0pt;">
<span style="font-family: Arial, sans-serif;"><o:p></o:p></span></div>
Caso você queira realizar alterações na estrutura do template, tais como adicionar ou retirar sidebar ou mesmo instalar outros hacks, <a href="http://www.google.com.br/">pesquise</a> como fazer. <br />
 Veja também os <a href="http://dicasblogger.blogspot.com/2008/01/diretrizes-para-os-usuarios-do-dicas.html">Termos de Uso</a>, <a href="http://dicasblogger.blogspot.com/2008/06/licenca.html">Licença</a> e <a href="http://dicasblogger.blogspot.com/2008/05/perguntas-frequentes.html">FAQ - Perguntas Frequentes</a> do Dicas Blogger.  <br />
<b>©Template by </b><a href="http://www.dicasblogger.com.br/"><b>Dicas Blogger</b></a><b> – todos os direitos reservados. Não retire os créditos.</b></span>

Template Fire

Demonstração – Download – Termos de Uso retirada da navbar edição dos posts direto da home artigos relacionados personaliza...

Continue Lendo >>

12:46

Template Dicas Blogger 2.0

<a href="http://lh6.ggpht.com/_EttevOw0KeE/SwRAgxwm8iI/AAAAAAAAHVY/Jn7efJyYO6Y/s1600-h/image%5B14%5D.png"><img alt="Dicas Blogger. Todos os direitos reservados." border="0" height="213" src="http://lh5.ggpht.com/_EttevOw0KeE/SwRAikQSqUI/AAAAAAAAHVc/91VDKV3VpIE/image_thumb%5B18%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Dicas Blogger. Todos os direitos reservados." width="406" /></a><br />
<div align="center">
<a href="http://templatedb2.blogspot.com/" target="_blank">Demonstração</a> – <a href="https://drive.google.com/file/d/0B7G-mAQQKCyZd1FJeUxvTjJjREU/view?usp=sharing" target="_blank">Download</a> – <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/deed.pt" target="_blank">Termos de Uso</a></div>
<br />
<span id="fullpost"> <table cellpadding="2" cellspacing="2" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 3px solid rgb(204, 204, 204); text-align: left; width: 100%;"> <tbody>
<tr> <td align="left" valign="undefined"><ul>
<li>Diversos locais para inserção de widgets</li>
<li><a href="http://dicasblogger.blogspot.com/2009/05/editar-letras-e-cores-template.html">Cores personalizáveis</a></li>
<li>Compatível com qualquer navegador</li>
<li>4 colunas à direita e 3 no rodapé</li>
<li><a href="http://dicasblogger.blogspot.com/2009/01/como-inserir-links-na-linkbar.html">Linkbar</a> (menu horizontal)</li>
<li>Botões para redes sociais</li>
</ul>
</td> <td align="undefined" valign="undefined"><ul>
<li>Posts Relacionados</li>
<li>Retirada da Navbar</li>
<li>Personalização dos ícones de navegação</li>
<li>Nova caixa de comentários</li>
<li>Personalização dos comentários</li>
<li>Posts Resumidos </li>
</ul>
</td></tr>
</tbody></table>
</span><br />
<div align="justify">
</div>
<span id="fullpost"> Após baixar o arquivo, clique com o botão direito do mouse e escolha a opção abrir. Dentro da pasta você irá encontrar o template em .xml e a imagem do cabeçalho. Faça um <a href="http://dicasblogger.blogspot.com/2008/05/backup-template-widgets-blogger.html">backup dos widgets</a> que encontram-se em seu blog e efetue a <a href="http://dicasblogger.blogspot.com/2009/01/como-trocar-o-template-do-blogger.html">troca de template</a>.  <br />
Para colocar a imagem do cabeçalho, entre em layout > elementos de página > cabeçalho > editar. Faça o upload da imagem e marque a caixa “atrás do título e descrição”. Ou se você preferir editar o título do blog com essa imagem, marque “por trás do título e descrição”.  <br />
Este template vem com a possibilidade de mostrar apenas um<b> resumo da postagem</b> na página inicial (Hack Leia Mais), que <b>não é</b> o <a href="http://dicasblogger.blogspot.com/2009/09/jump-break-o-leia-mais-do-blogger.html">Jump Break</a>. Ao terminar de escrever seu post, entre em “editar html”, escolha o local de corte e cole <b><span id="fullpost">. </b>No final do post, cole <b></span>.</b> Daí é só publicar que já vai aparecer o Leia Mais.  <br />
<a href="http://lh4.ggpht.com/_EttevOw0KeE/SwRAmC9XIpI/AAAAAAAAHVo/aORfRT-IlrU/s1600-h/image%5B28%5D.png"><img alt="Hack Leia mais" border="0" height="218" src="http://lh5.ggpht.com/_EttevOw0KeE/SwRAncbjXaI/AAAAAAAAHVs/fZKgTkL6vro/image_thumb%5B35%5D.png?imgmax=800" style="display: block; float: none; margin-left: auto; margin-right: auto;" title="Hack Leia mais" width="482" /></a><br />
 <div align="justify">
Para colocar links no menu que fica embaixo do cabeçalho, entre em layout > editar html> linkbar e siga as instruções contidas neste post - <a href="http://dicasblogger.blogspot.com/2009/01/como-inserir-links-na-linkbar.html">Como inserir links na linkbar</a>. </div>
<div align="justify">
Caso você queira realizar alterações na estrutura do template, tais como adicionar ou retirar sidebar ou mesmo instalar outros hacks, <a href="http://www.google.com.br/">pesquise</a> como fazer. </div>
<div align="justify">
Veja também os <a href="http://www.dicasblogger.com.br/p/termos-e-condicoes-de-uso.html">Termos de Uso</a>, <a href="http://www.dicasblogger.com.br/p/licenca.html">Licença</a><a href="http://www.dicasblogger.com.br/p/licenca.html"> </a>e <a href="http://dicasblogger.blogspot.com/2008/05/perguntas-frequentes.html">FAQ - Perguntas Frequentes</a> do Dicas Blogger.  </div>
<div align="justify">
<b>©Template by </b><a href="http://www.dicasblogger.com.br/"><b>Dicas Blogger</b></a><b> – todos os direitos reservados. Não retire os créditos.</b></div>
</span>

Template Dicas Blogger 2.0

Demonstração – Download – Termos de Uso Diversos locais para inserção de widgets Cores personalizáveis Compatível com qualquer ...

Continue Lendo >>

16:54

Em breve: mudança de domínio

<div align="justify">
Lembram do meu post <a href="http://dicasblogger.blogspot.com/2009/10/ter-ou-nao-ter-um-dominio-proprio.html">Ter ou não ter um domínio, eis a questão</a> onde eu disse que eu tinha sido <strike>burra</strike> ingênua por não ter comprado um domínio pro Dicas Blogger e que todos os melhores já estavam ocupados? Eu me referia aos domínios <strong>.com</strong> e <strong>.com.br.</strong></div>
<div align="justify">
Mas para minha surpresa, no sábado eu recebi um email de um atento leitor - <strong>Harlei</strong>, dono do blog <a href="http://www.gamesparacelular.org/" target="_blank">Games para Celular</a> - me informando que o <strong>.com.br</strong> estava disponível. Quase enfartei. Corri lá no Uol Host e agora eu sou a nova dona do <a href="http://www.dicasblogger.com.br/">www.dicasblogger.com.br</a> \o/</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">Adquirir o domínio foi ótimo, mas contar com a honestidade e o carinho de um leitor foi ainda melhor, justo em uma época em que a maioria só quer levar vantagem. Outro dia mesmo eu fiz uma enquete no Twitter, pois eu queria mudar meu username/url para algo mais curto e menos pessoal. Daí algum seguidor  foi lá e registrou as 3 opções disponíveis. Fiquei perplexa ao constatar que sou seguida até por quem não gosta de mim O.o</span></div>
<span id="fullpost"> <div align="justify">
Agora vem o Harlei e faz completamente diferente. Isso renovou as minhas esperanças e me trouxe novo ânimo para prosseguir, pois eu sei que a maioria de vocês são Harleis  e não lammerzinhos bobinhos como o tal follower citado anteriormente.</div>
E faço questão de tornar pública a minha gratidão. Valeu, Harlei, muito obrigada ;)<br />
 <a href="http://lh5.ggpht.com/_EttevOw0KeE/SwHAA-1Q5EI/AAAAAAAAHVI/gOc8I0XkTPo/s1600-h/image%5B13%5D.png"><img alt="" border="0" height="235" src="http://lh5.ggpht.com/_EttevOw0KeE/SwHADV6iLkI/AAAAAAAAHVM/003PKzuJQ7U/image_thumb%5B18%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="452" /></a> <br />
 <div align="justify">
Voltando ao domínio novo, por enquanto ele está em stand by ou como se diz na linguagem do <a href="http://danielbecher.com/" target="_blank">Becher</a>, parkeado e sendo direcionado para a url atual (blogspot.com).</div>
<div align="justify">
Como a vida fica fica bem melhor com mudanças, muito em breve teremos novidades. Claro que vai ser chato perder o PR 6, mas acredito que isso não afetará em nada o meu trabalho. </div>
<div align="justify">
Se vocês quiserem e puderem, peço que atualizem os links e banners do DB que estão em seus blogs, principalmente os dos templates e widgets.</div>
<div align="justify">
Para <strong>mudar o link dos templates</strong>, basta ir em painel>layout >editar html e procurar dentro do código por <strong><div id='creditleft'></strong> (fica lá no final)<strong> </strong>e substituir:</div>
<blockquote>
<a href='<a href="http://dicasblogger.blogspot.com%27/">http://dicasblogger.blogspot.com'</a>> por </blockquote>
<blockquote>
<a href=' <a href="http://www.dicasblogger.com.br%27/">http://www.dicasblogger.com.br'</a>> </blockquote>
<div align="justify">
<a href="http://lh4.ggpht.com/_EttevOw0KeE/SwHAEP_OCwI/AAAAAAAAHVQ/F8C0s2YZIpQ/s1600-h/image%5B14%5D.png"><img alt="" border="0" height="75" src="http://lh5.ggpht.com/_EttevOw0KeE/SwHAFEx7hXI/AAAAAAAAHVU/GNy2d4WPqYM/image_thumb%5B19%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="491" /></a></div>
<div align="justify">
O banner que está  na sidebar, já foi modificado, bem como todos os templates.</div>
<div align="justify">
Eu sei que muita gente deve estar se perguntando: e aí, vai ou não vai migrar pro Wordpress? Não sei ainda, mas a priori o novo domínio será colocado no Blogger mesmo, até porque eu não pretendo migrar, ou seja, transferir os posts daqui para lá. Tenho outro projeto secreto :P</div>
<div align="justify">
Tudo ( de bom e de ruim) que envolver a mudança de domínio, será compartilhado com vocês.</div>
</span>

Em breve: mudança de domínio

Lembram do meu post Ter ou não ter um domínio, eis a questão onde eu disse que eu tinha sido burra ingênua por não ter comprado um domíni...

Continue Lendo >>

19:08

Problemas com a sidebar? Veja a solução!

<div align="justify">
Desde que o Blogger adotou o sistema <a href="http://dicasblogger.blogspot.com/2009/09/jump-break-o-leia-mais-do-blogger.html" target="_blank" title="Jump Break – o hack “Leia mais” do Blogger">Leia Mais</a> (jump break), centenas de usuários <a href="http://dicasblogger.blogspot.com/2009/09/problema-com-o-jump-break.html" target="_blank" title="Informações sobre o problema com o jump break">reportaram</a> que após usarem essa função, a sidebar (coluna lateral) se deslocou para debaixo dos posts. Como eu não uso nem o editor de textos do Blogger e nem o Jump Break, fiquei sem saber como ajudar os que bateram aqui na minha porta.</div>
Mas hoje, lendo meus feeds (sim, eu leio feeds) tive a grata surpresa de encontrar a solução do problema no excelente <a href="http://elescaparatederosa.blogspot.com/2009/11/como-usar-correctamente-el-leer-mas.html" target="_blank">El Escaparate de Rosa</a> e até que nem é tão complicado assim.<br />
<div align="justify">
O X da questão continua sendo as DIVs, mas não é necessário apagá-las e sim ter uma vaga noção de html, já que é preciso inserir o jump break após o fechamento de uma div.</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">E isso não acontece apenas no editor do Blogger. Eu uso o  <a href="http://usuariocompulsivo.blogspot.com/2009/01/posts-resumidos-na-pagina-inicial-do.html" target="_blank">Leia Mais do Compulsivo</a> com o Live Writer e o hack só funciona  ao ser inserido após o fechamento de um parágrafo </p></span></div>
<span id="fullpost"> <div align="justify">
Voltando ao jump break, quando vocês terminarem de escrever um post no editor do Blogger, cliquem na aba <strong>editar html</strong> e coloquem o <strong>leia mais</strong> logo após o fechamento de uma div (<strong></div</strong>) ou de um parágrafo (</p>). Vejam nas imagens abaixo:</div>
<div align="center">
<a href="http://dicasblogger.blogspot.com/"><img alt="Inserindo o jump break" border="0" height="193" src="http://lh5.ggpht.com/_EttevOw0KeE/SvyCPD9ECWI/AAAAAAAAHSg/FhKqV3Tqjw4/image%5B30%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Inserindo o jump break" width="452" /></a></div>
<div align="justify">
<a href="http://lh4.ggpht.com/_EttevOw0KeE/SvyCQIAX4nI/AAAAAAAAHSo/53vnqA8PHLI/s1600-h/ERRADO%5B8%5D.jpg"><img alt="Código html do texto" border="0" height="207" src="http://lh3.ggpht.com/_EttevOw0KeE/SvyCRJ8-9tI/AAAAAAAAHSw/X3lac52uoQ4/ERRADO_thumb%5B12%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Código html do texto" width="452" /></a></div>
<div align="justify">
<a href="http://lh6.ggpht.com/_EttevOw0KeE/SvyCSYugVgI/AAAAAAAAHS0/1iaMf7kKj-U/s1600-h/CORRETO%5B8%5D.jpg"><img alt="Código html corrigido" border="0" height="207" src="http://lh4.ggpht.com/_EttevOw0KeE/SvyCTPo315I/AAAAAAAAHTA/tPu3VKW217w/CORRETO_thumb%5B12%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Código html corrigido" width="452" /></a>No primeiro caso, usando o template Mínima, eu escrevi um texto, alinhei, escolhi o local de corte e inseri o jump break. Ao clicar em<strong> editar html</strong>, constatei que o <strong>more</strong> estava antes do fechamento da div. O que eu fiz? Copiei o <strong>more</strong> e colei depois do fechamento da div.</div>
<div align="justify">
O simples alinhamento de um texto (center, left, justify) já pode causar o problema. Portanto é preciso escrever o artigo, escolher o local de corte, inserir o jump break, clicar na aba <strong>editar html</strong> e deslocar o <strong>more</strong> para depois do fechamento da div.</div>
Testem e me contem o resultado. Ou então, façam como eu e usem o Windows Live Writer :)<br />
 <div align="justify">
</div>
<div align="justify">
Outra coisa que pode deslocar a sidebar é colocar imagens maiores do que a largura máxima permitida, tanto em posts quanto na própria sidebar. Pra saber a <strong>largura da sidebar</strong>, entre em layout > elementos de página > adicionar gadget> escolha a opção <strong>imagem</strong> e veja, lá no final, qual o tamanho máximo permitido. Nunca ultrapasse-o ;)</div>
</span>

Problemas com a sidebar? Veja a solução!

Desde que o Blogger adotou o sistema Leia Mais (jump break), centenas de usuários reportaram que após usarem essa função, a sidebar (colu...

Continue Lendo >>

18:53

Widgets do Twitter para Blogger

<div align="justify">
Que tal unir o útil ao agradável, colocando um widget no blog com seus últimos tweets?</div>
<div align="justify">
No próprio site do Twitter existem duas ótimas opções e são super simples de instalar.</div>
<div align="justify">
<a href="http://twitter.com/badges/blogger" target="_blank">Twitter Badge</a> – É um widget bem simples.Para adicioná-lo ao Blogger, configure o número de tweets, dê um nome ao widget (title) e clique no botão <strong>add to Blogger</strong>.</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost"><a href="http://lh5.ggpht.com/_EttevOw0KeE/Svxewa1b5DI/AAAAAAAAHRM/O02x2WeSxYM/s1600-h/image%5B31%5D.png"><img alt="Twitter Badge" border="0" height="225" src="http://lh4.ggpht.com/_EttevOw0KeE/SvxexrQlU9I/AAAAAAAAHRU/RvlIdBu3hgw/image_thumb%5B40%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Twitter Badge" width="452" /></a> </span></div>
<span id="fullpost"> <a href="http://twitter.com/goodies/widgets" target="_blank">Twitter Widget</a> – Este já é mais sofisticado e personalizável. Ao entrar na página do widget, escolha a opção <strong>My website</strong> e depois <strong>Profile Widget</strong>.<br />
 <a href="http://lh4.ggpht.com/_EttevOw0KeE/Svxey7CIGYI/AAAAAAAAHRc/o4PwcUvOd-s/s1600-h/image%5B32%5D.png"><img alt="Twitter Widget" border="0" height="229" src="http://lh4.ggpht.com/_EttevOw0KeE/Svxe0C-_ogI/AAAAAAAAHRk/mGlkCNgKlgQ/image_thumb%5B41%5D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Twitter Widget" width="452" /></a><br />
 <div align="justify">
Customize, teste pra ver se ficou legal e clique em <strong>Finish & Grabe Code</strong>. Copie o código e cole no seu blog (adicionar gadget>html/javascript) ou clique no botão <strong>add to Blogger</strong>.</div>
<div align="justify">
Geralmente quando usamos o botão <strong>add to Blogger</strong>, o widget é inserido no primeiro espaço disponível nos elementos de página. Arraste-o para o local desejado, visualize e salve.</div>
</span>

Widgets do Twitter para Blogger

Que tal unir o útil ao agradável, colocando um widget no blog com seus últimos tweets? No próprio site do Twitter existem duas ótimas opç...

Continue Lendo >>

17:14

Ranking 2009 dos blogs brasileiros

<div align="justify">
Há alguns anos a Cynara Peixoto, autora do blog de tecnologia <a href="http://www.mundotecno.info/" target="_blank">Mundo Tecno</a>, vem publicando rankings dos blogs mais populares do país. Em 2007 estivemos fora, por motivos óbvios; em 2008 o Dicas Blogger ocupou a <strong>134 ª posição</strong> e neste ano..bem, estamos em <strong>6º lugar</strong> no total e em <strong>1º lugar na categoria metablog </strong>\o/ \o/\o/ (pausa para respirar)</div>
<div align="justify">
Confesso que eu não esperava tanto e que me surpreedi com o resultado, mas não vou negar que estou feliz, muito, muito feliz pelo reconhecimento do meu trabalho.</div>
<div align="justify">
O ranking 2009 surgiu de uma parceria entre a Cynara e o professor Alex Primo,do blog <a href="http://www.interney.net/blogs/alexprimo/" target="_blank">Dossiê Alex Primo</a>, que sentiu a necessidade de mapear a relevância dos blogs nacionais.</div>
<span id="fullpost"> </span><br />
<blockquote>
<div align="justify">
<span id="fullpost">Os dados do ranking de blogs brasileiros que você verá abaixo partiu de demandas de minhas pesquisas sobre a blogosfera nacional. Ao buscar os blogs mais relevantes do país para montar uma amostra confiável, não encontrei um ranking atualizado que pudesse ser utilizado para aquele fim. Na verdade, existem muitos prêmios (…que a todo momento são publicados. Contudo, eles são gerados principalmente pelo voto popular e segundo certos interesses comerciais. Encontramos diversas distorções nessas listagens. Tanto é que muitos dos blogs premiados pontuaram muito mal no sistema utilizado pelo ranking que você poderá consultar a seguir. <a href="http://www.interney.net/blogs/alexprimo/2009/11/11/ranking_dos_blogs_brasileiros_2009/" target="_blank">Dossiê Alex Primo</a></span></div>
</blockquote>
<span id="fullpost"> <div align="justify">
A dupla usou os seguintes critérios: Google Page Rank, backlinks do Google e Yahoo, seguidores no Feedburner (se disponível), e dados do <a href="http://www.alexa.com/">Alexa</a> e Blogblogs.</div>
<div align="justify">
Não existe um sistema de ranking perfeito, mas considerei os critérios justos, sem contar a credibilidade de seus autores. Portanto, passemos para os resultados.</div>
<div align="center">
<a href="http://lh4.ggpht.com/_EttevOw0KeE/Svrsj3h6f_I/AAAAAAAAHPY/DrCNN66bdG4/s1600-h/Ranking_2009-3%5B11%5D.gif"><img alt="" border="0" height="297" src="http://lh5.ggpht.com/_EttevOw0KeE/SvrskvAsNGI/AAAAAAAAHPc/-6u_7ACArVU/Ranking_2009-3_thumb%5B6%5D.gif?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="488" /></a> Veja a lista completa <a href="http://www.interney.net/blogs/alexprimo/2009/11/11/ranking_dos_blogs_brasileiros_2009/" target="_blank">aqui</a></div>
<div align="justify">
Os meus sinceros parabéns a todos os blogueiros e também aos idealizadores do ranking.</div>
<div align="justify">
E eu quero mandar um beijo pra todos vocês que estão me assistindo nesta telinha ♥♥</div>
</span>

Ranking 2009 dos blogs brasileiros

Há alguns anos a Cynara Peixoto, autora do blog de tecnologia Mundo Tecno , vem publicando rankings dos blogs mais populares do país. Em 20...

Continue Lendo >>

14:49

Problema no layout do Blogger [atualizado]

<div align="justify">
Desde ontem à tarde, percebi um bug no layout do Blogger, mais especificamente nos <strong>elementos de página</strong>, uma das partes mais importantes de um blog.</div>
<div align="justify">
Fiz os seguintes testes: abri com os navegadores Firefox, Chrome, Internet Explorer e Opera, bem como com o Blogger in Draft, mas o problema persistia.</div>
<div align="justify">
No meu blog de testes usei o <strong>Template Mínima</strong> e me certifiquei que com ele estava tudo bem. Testei alguns outros templates e todos apresentavam-se assim:</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost"><a href="http://lh5.ggpht.com/_EttevOw0KeE/SvWDUip52JI/AAAAAAAAHNU/VN9J6HpyTCM/s1600-h/bugblogger5.jpg"><img alt="bug blogger" border="0" height="251" src="http://lh6.ggpht.com/_EttevOw0KeE/SvWDVWSb-DI/AAAAAAAAHNY/uRmIhZQQGm8/bugblogger_thumb3.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="bug blogger" width="452" /></a></span></div>
<span id="fullpost"> <div align="justify">
O que percebi é que, além dos gadgets estarem fora de seus respectivos lugares, a área de postagem sumiu, o que deve ter provocado o deslocamento dos gadgtes.</div>
<div align="justify">
Esse problema não afeta a visualização da página, apenas a troca dos gadgets.</div>
<div align="justify">
A equipe de engenheiros que cuida do Blogger havia prometido, em comemoração aos 10 anos da plataforma, alterações na estrutura dos templates. Como o <strong>Mínima</strong> e os demais templates-padrão do Blogger estão intactos, desconfio que vem mudança por aí.</div>
<div align="justify">
Não sei como resolver o problema, mas convido-os a reportarem-no ao <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR" target="_blank">fórum oficial do Blogger</a> e ao perfil <a href="http://twitter.com/blogger" target="_blank">@Blogger</a> no Twitter. Não custa tentar, já que é um caso grave. Já existe um <a href="http://www.google.com/support/forum/p/blogger/thread?tid=2590c0b7fc32846a&hl=en&fid=2590c0b7fc32846a000477c91d50394d" target="_blank">tópico aberto</a> também no fórum em inglês. </div>
<div align="justify">
Procurei notícias nos blogs oficiais e encontrei, no <a href="http://buzz.blogger.com/2009/11/blogger-in-your-own-words.html" target="_blank">Blogger Buzz</a>, apenas isto:</div>
<table border="0" cellpadding="2" cellspacing="0" style="width: 550px;"> <tbody>
<tr> <td valign="top" width="275"><a href="http://lh3.ggpht.com/_EttevOw0KeE/SvWDW-u2ODI/AAAAAAAAHNc/-BGBQnNtkVs/s1600-h/bloggernow4.png"><img alt="Blogger Now" border="0" height="129" src="http://lh3.ggpht.com/_EttevOw0KeE/SvWDX8G61tI/AAAAAAAAHNg/30kc2xK9Yvk/bloggernow_thumb9.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Blogger Now" width="240" /></a> </td> <td valign="top" width="275"><a href="http://lh3.ggpht.com/_EttevOw0KeE/SvWDZVaIc7I/AAAAAAAAHNk/ehZYx3IaGB4/s1600-h/bloggerfuture3.png"><img alt="Blogger Future" border="0" height="129" src="http://lh3.ggpht.com/_EttevOw0KeE/SvWDaQQYIUI/AAAAAAAAHNo/XCYC14vJJcI/bloggerfuture_thumb1.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Blogger Future" width="240" /></a> </td></tr>
</tbody></table>
<div align="justify">
Tomara que tudo que foi prometido se cumpra.. Assim que eu tiver novas notícias, farei um novo post, portanto estejam atentos aos feeds e ao meu perfil no Twitter.</div>
<div align="justify">
Comentários off-topic serão deletados e perguntas no Twitter serão ignoradas, pois o que eu ainda espero de vocês é que, ao menos, acompanhem os títulos dos posts pelos feeds.</div>
<div align="justify">
<strong>ATUALIZAÇÃO ÀS 23:56</strong></div>
<div align="justify">
Valeu o esforço de todos.A equipe do Blogger já está <a href="http://knownissues.blogspot.com/2009/11/layout-rearranging-for-users-with.html" target="_blank">investigando o problema</a> \o/</div>
<strong>ATUALIZAÇÃO EM 10/11</strong><br />
 O Blogger ainda não se pronunciou, mas vários blogs já voltaram ao normal, inclusive o DB</span>

Problema no layout do Blogger [atualizado]

Desde ontem à tarde, percebi um bug no layout do Blogger, mais especificamente nos elementos de página , uma das partes mais importantes de...

Continue Lendo >>

12:25

Como criar listas no Twitter

<div align="justify">
Desde o mês passado o Twitter vem liberando uma nova ferramenta para seus usuários – as listas ou <em>lists</em>, em inglês. O recurso permite organizar melhor o fluxo dos tweets recebidos, pois divide as pessoas que seguimos em grupos. </div>
<div align="justify">
Essa função já existia nos programas-clientes, tais como o TweetDeck e o Seesmic, mas não era visível a todos. E aí é que vem mais uma grande sacada dos criadores do Twitter, já que agora dá pra saber os nomes das listas de cada um…e tem cada coisa bizarra!</div>
<div align="justify">
Claro que isso causou um agito geral. Imagine se descobrir em uma lista de “chatos” ou de “celebridades” ou até mesmo “eu comeria” (são todas reais).</div>
<div align="justify">
Como o recurso ainda não foi liberado pra todo mundo, quem não o possui também não poderá visualizar as listas alheias. E haja curiosidade.</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">Na verdade é uma <em>faca de dois legumes</em>, como diria os Mamonas Assassinas, já que dependendo da lista, estar nela pode ser constrangedor.</span></div>
<span id="fullpost"> <div align="justify">
Eu nunca me iludi quanto aos meus seguidores, pois sei que os que usam o TweetDeck, por exemplo, não necessariamente lêem meus tweets. Com as listas, a tendência é que fiquemos ainda mais vendidos, ou seja, sem sabermos quem realmente nos acompanha.</div>
<div align="justify">
Atendendo a inúmeros pedidos, vou ensinar como <strong>criar e gerenciar as listas do Twitter</strong>.</div>
<div align="justify">
Pra saber se você já é um dos felizes contemplados com o novo recurso, acesse o Twitter pela <a href="http://twitter.com/" target="_blank">web</a>. Na home irá aparecer a seguinte mensagem:</div>
<a href="http://dicasblogger.blogspot.com/"><img alt="Twitter Lists - mensagem" border="0" height="171" src="http://lh4.ggpht.com/_EttevOw0KeE/Su36fxA3SKI/AAAAAAAAHJ8/PYW3_mDSigk/image%5B76%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Twitter Lists - mensagem" width="452" /></a><br />
 <div align="center">
Tutorial Dicas Blogger. Todos os direitos reservados.</div>
Clique em <strong>create a new list</strong>. Em segundo plano aparecerá uma pequena janela. Em <strong>list name</strong> dê um nome para a sua lista e em <strong>privacy </strong>escolha se ela será pública ou privada. <br />
 <a href="http://lh5.ggpht.com/_EttevOw0KeE/Su36hu-pxlI/AAAAAAAAHKE/l5518HHGuPI/s1600-h/image%5B75%5D.png"><img alt="Twitter Lists - criando uma lista" border="0" height="182" src="http://lh3.ggpht.com/_EttevOw0KeE/Su36jSoAyyI/AAAAAAAAHKM/6G2Kv1uJHEg/image_thumb%5B111%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Twitter Lists - criando uma lista" width="452" /></a><br />
 Na próxima página, em <strong>find people to add to your list</strong>, escreva o nome de quem você deseja adicionar nesta lista recém-criada e clique em<strong> search:</strong><br />
 <a href="http://lh3.ggpht.com/_EttevOw0KeE/Su4Kg0T13iI/AAAAAAAAHKU/5ANbmGmHZ-I/s1600-h/image%5B77%5D.png"><img alt="Twitter Lists - procurando perfis" border="0" height="160" src="http://lh6.ggpht.com/_EttevOw0KeE/Su4KidpiXFI/AAAAAAAAHKY/kOLcSj7ke40/image_thumb%5B112%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Twitter Lists - procurando perfis" width="452" /></a><br />
 Na página seguinte, clique sobre o <strong>ícone das listas</strong> que irá aparecer do <strong>lado direito do perfil</strong> e escolha em qual lista a pessoa será adicionada:<br />
 <div align="justify">
<a href="http://lh5.ggpht.com/_EttevOw0KeE/Su4KjfNZBaI/AAAAAAAAHKc/Pyd_owW-nJg/s1600-h/image%5B37%5D.png"><img alt="Twitter Lists - adicionando pessoas" border="0" height="174" src="http://lh4.ggpht.com/_EttevOw0KeE/Su4Kkms7MHI/AAAAAAAAHKg/05m6VP9EWqw/image_thumb%5B53%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Twitter Lists - adicionando pessoas" width="452" /></a> Uma outra forma de adicionar usuários às listas, é indo diretamente no perfil da pessoa:</div>
<a href="http://lh4.ggpht.com/_EttevOw0KeE/Su36ou-gjYI/AAAAAAAAHKk/b8WqfL2nvr0/s1600-h/image%5B78%5D.png"><img alt="Twitter Lists" border="0" height="174" src="http://lh3.ggpht.com/_EttevOw0KeE/Su36p7GCd5I/AAAAAAAAHKo/4lwpY9VNXiQ/image_thumb%5B113%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Twitter Lists" width="452" /></a><br />
 <div align="justify">
Para gerenciar suas listas, vá até a <strong>home</strong> e logo abaixo da caixa <strong>search</strong>, clique em <strong>view all</strong></div>
<table border="0" cellpadding="2" cellspacing="0" style="width: 550px;"> <tbody>
<tr> <td valign="top" width="275"><a href="http://lh3.ggpht.com/_EttevOw0KeE/Su4Km1bFJ3I/AAAAAAAAHK0/H10pF7YCLu8/s1600-h/image%5B46%5D.png"><img alt="Minhas listas" border="0" height="138" src="http://lh5.ggpht.com/_EttevOw0KeE/Su4Kn8T7nuI/AAAAAAAAHK4/eIV1Cy3f40I/image_thumb%5B68%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="Minhas listas" width="242" /></a> </td> <td valign="top" width="275"><a href="http://lh6.ggpht.com/_EttevOw0KeE/Su4Ko56kOQI/AAAAAAAAHK8/n2xzC3uqXlk/s1600-h/image%5B51%5D.png"><img alt="Twitter Lists - deletar ou editar" border="0" height="137" src="http://lh4.ggpht.com/_EttevOw0KeE/Su4Kp6GixsI/AAAAAAAAHLA/f8_7utqedZE/image_thumb%5B76%5D.png?imgmax=800" style="border-width: 0px; display: inline;" title="Twitter Lists - deletar ou editar" width="242" /></a> </td></tr>
</tbody></table>
<div align="justify">
Para excluir ou editar uma lista, clique sobre ela (lists you follow) e, no canto superior direito, escolha uma das opções – <strong>edit</strong> (editar) ou <strong>delete</strong> (excluir).</div>
<div align="justify">
As listas estarão sempre visíveis no perfil, mas se ela for do tipo privada, os membros não irão aparecer para os demais, somente para o dono da lista.</div>
<div align="justify">
Agora passemos para a parte mais emocionante, que é descobrir em quais listas estamos \o/ Podemos seguir o caminho descrito acima e clicar em <strong>Lists following you</strong> ou ir até à <strong>home</strong> e clicar em <strong>listed</strong>, que fica abaixo do  nome e ao lado do número de followers.</div>
<div align="justify">
<a href="http://lh5.ggpht.com/_EttevOw0KeE/Su4Kqq_Y3-I/AAAAAAAAHLE/1t5UGPZ-4Hg/s1600-h/image%5B79%5D.png"><img alt="Visualizando as listas" border="0" height="159" src="http://lh4.ggpht.com/_EttevOw0KeE/Su4Kre9sd2I/AAAAAAAAHLI/clshVJ3Hc2E/image_thumb%5B114%5D.png?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Visualizando as listas" width="452" /></a></div>
<div align="justify">
Para visualizar onde seus amigos e inimigos foram listados, o caminho é o mesmo – entrar no perfil deles e clicar em <strong>listed</strong>. Sem maldade, heim? LOL </div>
<div align="justify">
E para sair de uma lista ofensiva, basta bloquear o engraçadinho (a). (dica do <a href="http://twitter.com/gregoripavan" target="_blank">@gregoripavan</a>)</div>
<div style="text-align: center;">
<a href="https://twitter.com/dicas_blogger"><img align="middle" alt="" src="http://lh4.ggpht.com/_EttevOw0KeE/SztHM9TNJ0I/AAAAAAAAHqk/tpprizSez4k/twitter_exc2.png" style="border: 0px solid; height: 83px; width: 224px;" title="Me siga no Twitter!" /></a></div>
</span>

Como criar listas no Twitter

Desde o mês passado o Twitter vem liberando uma nova ferramenta para seus usuários – as listas ou lists , em inglês. O recurso permite orga...

Continue Lendo >>

20:23