Dicas Blogger

Home » All

Designer de Modelo – correções e novos temas

<div align="justify">
O <strong>Designer de Modelo</strong> ou template designer, passou por correções de falhas e está com algumas novidades - <a href="http://bloggerindraft.blogspot.com/2010/04/small-template-designer-tweaks-two-more.html">Small Template Designer Tweaks: Two More Variants and Bug Fixes</a></div>
<div align="justify">
Pra quem não sabe, o Designer de Modelo permite que qualquer usuário crie o template do seu blog facilmente, sem precisar de conhecimentos avançados de HTML e CSS. Saiba mais, acessando este nosso post:  <a href="http://www.dicasblogger.com.br/2010/03/como-criar-um-template-para-blogger.html">Como criar um template para Blogger / Blogspot</a></div>
<span id="fullpost"> </span><br />
<div align="justify">
<br /></div>
<span id="fullpost"> <div align="justify">
<strong>Dois novos temas para o Template Simple</strong></div>
<div align="justify">
O modelo Simple ganhou mais dois temas.</div>
<div align="justify">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYbFtcYSQAXT3HJKtX7sf2mQN3n8nqnHerQoc-aXXNNxA5tOUSZ1Ovp654xC0BFCiEu0bplIblLsJUmKQ497kF8Y7RqEDYeSlBbKHAxoGEVkz9laL5lBW_d0iwmC-3iZOizVPn7l2y3MFD/s1600-h/image%5B8%5D.png"><img alt="Modelo Simple" border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAriYMXO2QMjeI7DC-L03XUdCuQiB83LISW5xxJp3uEPu3sghsGhDIbkENT_GOTxvOCFoq3pZh98j966kgXAbkrVxI86eBmHJl6Sm_v1ef5s9nqzgyBYMMcicv4PMuA5JgLcUCgVt4LrSr/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="Modelo Simple" width="450" /></a></div>
<strong>Planos de fundo com links para o background original</strong><br />
 Ao escolhermos um dos diversos planos de fundo, vemos um link que aponta para o original. Assim, podemos conhecer e até adquirir outros trabalhos daquele mesmo artista.<br />
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQx8ccAW2yliQrXuGOVbijKdUY-gUuMC5wDjIL9Z_PJ-UylHpdFaI2ZGH1X5WAhSy8_1M4iYrXoe2TFZYAFBraQWDuaZitVutDHx1Ku4lq73GU28jC7DICRP818PjWFjmKgwrSCwdnuuPF/s1600-h/image%5B14%5D.png"><img alt="Planos de Fundo" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS1dtHZXBRNzhFgXhxChHxFiTrfdnDR4hHekYNOUVp9rC7ZYWaxzL9nILOqqLY0ydNuqcl2xjyDeaIQFcMoBfIFyTgIydA7-ff2-kBSRFKbDqS3E8jUuUgHEPkoktPlGWn-RO4LAVEM_Uu/?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Planos de Fundo" width="450" /></a><br />
 <strong>Melhorias na compatibilidade com o Internet Explorer</strong><br />
 <div align="justify">
Correções para melhorar a compatibilidade com o Internet Explorer, pois alguns modelos não estavam mesmo funcionando bem com o navegador da Microsoft.</div>
<div align="justify">
<strong>Correções de alguma falhas (bugs) nos modelos</strong></div>
<div align="justify">
Correções nos modelos, mostrando inclusive a cor de fundo correta no seletor de imagem, fontes melhor no IE e melhorias no comportamento das guia. Mostrar que foi excluído comentários em itálico e reposicionamento de guia para se adequar melhor ao usar uma imagem de cabeçalho personalizado.</div>
<div align="justify">
Vejam também o post do Cidão (<a href="http://twitter.com/crazyseawolf" target="_blank">@crazyseawolf</a>), o maior fã do Blogger no mundo!</div>
<ul>
<li> <div align="justify">
 <a href="http://crazyseawolf.blogspot.com/2010/04/alguns-ajustes-no-blog-template.html">Alguns ajustes no Blog Template Designer</a></div>
</li>
</ul>
<div align="justify">
O <strong>Designer de Modelo</strong>  está em fase de testes e disponível somente no <a href="http://draft.blogger.com/home" target="_blank">Blogger In Draft</a>.</div>
<div align="justify">
<br /></div>
</span>

Designer de Modelo – correções e novos temas

O Designer de Modelo ou template designer, passou por correções de falhas e está com algumas novidades - Small Template Designer Tweaks: T...

Continue Lendo >>

17:04

Formulário de contato dentro do post

<p align="justify">Pra colocar um formulário de contato bonitinho em seu blog, use o <a href="http://wufoo.com/" target="_blank">Wufoo</a> que é excelente, gratuito e super fácil de usar - <a href="http://www.dicasblogger.com.br/2009/02/wufoo-formulario-de-contato-blogger.html">Wufoo - um formulário de contato para o Blogger</a>. </p>  <p align="justify">Para colocar o formulário de contato dentro do post (como é <a href="http://www.dicasblogger.com.br/2008/05/contato.html" target="_blank">aqui</a> no Dicas Blogger), siga todos os passos do post anterior, clique em <strong>Embed Form Code</strong> e copie o segundo código: </p> <span id="fullpost">   <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhNZU-ItC7ltvgTrYexHxarSg8igOnJ9huxO1W1x1YuGeLDYyRDuaxlo732Jk878uHRJziMfZXVPqz0cOCaB_H5INyIfP9OkpsEO9FA3dhA29pYfFZJbN7AID0ptSZBdqWbvn72tTCp17M/s1600-h/wufoo%5B8%5D.jpg"><img alt="wufoo" border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3wmVGD-5zxinziA3AJR6HJKByJB9KYfrLkn3hgJrYgF9kLKXMiD0-zDt4ccjwsD5iCkSHN7CEsP7zhKRv7U2Hy72t0tn5At3JmbH-SAl3JgoS6ClJPRsTuUiU1rkNj4ayGQaT8g459nXG/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="wufoo" width="452" /></a> </p>    <p align="justify">Crie uma <strong>NOVA POSTAGEM</strong> no Blogger e cole o código do Wuffo dentro de <strong>editar html</strong> </p>    <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZta5cyP0NcZdB5XGDVDBuVGAQliFW0N5bJk3fACfgqqskG5o04trFTrLjF6hCPoKGn8Y6JLq-RjBte5XFlcOw5Iqic4Fdn3kYC5sLKa-uxd9_CTIV_HjzYVbuxw8gsjKJ7k_ARXgZtMp3/s1600-h/blogger%5B8%5D.jpg"><img alt="blogger" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZhrGznMnq13lbkOlUBtKPtHqJm8M3y7EbsgT81IdHD7V8bMrn2nfVWHUxahSe4_Zjpzjv9B4kx0_W83_5wnHwg6Qfd-haPe1EwZj4JLJAWpfAtu_FQoESMzs96B8ost4GVifSK9lKbGj/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="blogger" width="452" /></a></p>    <p>Você pode fazer deste formulário, uma página estática, sem data e nem comentários: </p>    <ul>     <li><a href="http://www.dicasblogger.com.br/2010/01/paginas-estaticas-no-bloggerblogspot.html">Dicas Blogger: Páginas estáticas no Blogger/Blogspot</a> </li>      <li><a href="http://www.dicasblogger.com.br/2010/02/paginas-estaticas-com-css.html">Dicas Blogger: Páginas estáticas com CSS</a></li>   </ul>    <p>Depois é só visualizar, publicar e colocar o link do post com o formulário em seu blog.</p> </span>  <div class="blogger-post-footer">.......    <p><strong><span style="color:#ff0000;">Atualização:</span></strong> No presente momento (dezembro de 2010), o Wufoo não está mais oferecendo contas gratuitas para usuários brasileiros. Uma alternativa é o <a href="http://www.123contactform.com/" title="http://www.123contactform.com/">http://www.123contactform.com/</a></p>     </div>

Formulário de contato dentro do post

Pra colocar um formulário de contato bonitinho em seu blog, use o Wufoo que é excelente, gratuito e super fácil de usar - Wufoo - um formul...

Continue Lendo >>

14:02

Widget – feeds, seguidores, posts e comentários

<p align="justify">O Paulo Estevão, do <strong>Códigos Blog</strong>, disponibilizou recentemete um widget muito bacana, que divulgamos aqui no Dicas Blogger em fevereiro deste ano - <a href="http://www.dicasblogger.com.br/2010/02/widget-assinantes-de-feeds-e-de.html">Widget - assinantes de feeds e followers do Twitter</a>. Trata-se de um contador, em modo texto, que mostra o número de assinantes de feeds e de seguidores no Twitter. Ele foi fazendo algumas modificações no widget original e incluiu o contador de postagens e de comentários, o que deu origem a 4 novos modelos - <a href="http://www.codigosblog.com.br/2010/03/widget-contador-feed-twitter_25.html">Widget contador Feed + Twitter + Comentários + Postagens</a>. São lindos ;)</p> <p align="justify">Pra colocar um dos widgets aqui no DB, fiz algumas alterações: mudei os ícones,  inseri os botões originais do <strong>FeedBurner </strong>e do <strong>Twitter Counter</strong> e deixei o plano de fundo transparente. No original, o background é branco e o daqui é cinza.</p><span id="fullpost"> <p align="justify">Nisto, surgiram leitores interessados em usar o widget modificado por mim. Conversei com o Paulo pelo Twitter e ele concordou prontamente em disponibilizarmos o código. Aí está.</p> <p align="justify"><img alt="" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHr4d4DrUQMQNaENhYJRiWhA7PIy30nqqt-cRQG2WAU2C2L_wowdLfzhKIw30FoUfHLlEtMw2Dxi03kq3I5TDdtYS55fNtgtIDztPiSpHiZ9vis77MaObc79MfxKp0vQy8kRbYtszCjjB/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="363" /> </p> <p align="center"><strong>Widget assinantes feed, followers, posts e comentários</strong></p> <p align="justify">O widget é muito fácil de usar. Copie o código abaixo e cole no gadget html/javascript do Blogger. Substitua as partes em <span style="color:#ff0000;"><strong>vermelho</strong></span>, respectivamente, pelos códigos do FeedBurner e do Twitter Counter. Se você não sabe como obter estes códigos, explicarei mais à frente.</p> <blockquote> <p><div style="width: 345px; padding: 0; margin: 0; border: 0;"><br />    <div name="feed" style="float: left; width: 160px; height: 50px; "><br />        <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH6vksw3aw9jVrKQvtIeaUlqpesHcvnnSfV-GnIcCUKGhMcmIVfeT3HzkhqK0S56SDulOhTOzV_qj_0ogzxIUeLL480R5s8Dat3WnXcUMzdKpugtgveBPJBOodcr2EsA4P5gVuRnSYz9x-/) no-repeat;"></div><br />        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><strong><span style="color:#ff0000;">CÓDIGO DO FEEDBURNER</span></strong></div><br />        <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p><br />    </div><br /><div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; "><br />    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhahOzAjdD63d3diXOGnaEvUmaGR2lEK04fySIN0px5d-shHhJzK8828nE8yElKo0xzRo6P0y8tacfMICwW75mHWq2MtnRR_0p82_gsVlSHYRzI9gdmb7NvRURrTcBNlXPrE3USjLR610P6/) no-repeat;"></div><br />        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><strong><span style="color:#ff0000;">CÓDIGO DO TWITTER COUNTER</span></strong></div><br />        <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p><br />    </div><br /><div name="postagens" style="margin-top: 5px; float: left; width: 160px; height: 50px; "><br />    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrBNwzFTgMr7YUe_VygkrfsMcY3ef3_Vhq7aS9v3EPtWSNZiwKegnfpNTHAWRcQEQFR8HsSOZN_TLPDbhY723ek5Bc7hMSiVm94zAJLd7KcZjVBnQ1300c-kHu1Vl0sc3z_Z8fF6qis7-5/) no-repeat;"></div><br />        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens </div><br />        <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">acompanhe</p><br />    </div><br /><div name="comentarios" style="margin-top: 5px; margin-left: 10px; float: left; width: 160px; height: 50px; "><br />    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimtq5qTkFqjS1zOePm6boShDLfx2ru2HqoXK3lv84w72h4sgEfCPXh9y6CrZ0IbbhiUSdVkIA88fq65-HtxafUXsGuMDZEaV6FEpTwztDHEccn_PIF5QghFlGZCKyPhrZil4yeffW0KYqn/) no-repeat;"></div><br />        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  } </p> <p><script type="text/javascript">  function showpostcount(json) {  document.write(parseInt(json.feed.openSearch$totalResults.$t,10));  }</script><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></p> <p>Comentários</div><br />        <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">comente também</p><br />    </div>    </p> <p><div style="text-align: center;"><small> Widget <a href="http://www.codigosblog.com.br/2010/03/widget-contador-feed-twitter_25.html">Códigos Blog</a> modificado por <a href="http://www.dicasblogger.com.br/2010/04/widget-contador-feeds-e-twitter.html">Dicas Blogger</a></small></div></p></blockquote> <p> </p> <p align="justify">Para <strong>obter o código do contador do FeedBurner</strong>, entre no <a href="http://feedburner.google.com/" target="_blank">site</a> e acesse a aba <strong>publicize (1)</strong>. Na coluna da esquerda, clique em <strong>FeedCount (2)</strong>. Configure as cores (sugestão: DE682B para o plano de fundo do botão e 444444 para o texto) e copie o código (3). Cole na parte em vermelho ( <strong><span style="color:#ff0000;">CÓDIGO DO FEEDBURNER</span></strong> ) do código do contador.</p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZomJtImzP7ny8021wvTGlYlR48SCaX_SKuLju3JOJvTSfcAHkAUhPi5yOaAD1N544uFdLxlS0o5M_i6TjfeyqjzSSha0V24mqMrYGQtZTRIvWvNuui-TuzOWqRUHKJdkYX2sYn51cwI-r/s1600-h/feedcount%5B9%5D.jpg"><img alt="feedcount" border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0EG1zTiSNyOwZ3vZBCUdZ3OiatZUtQf6qP0dNw_v4s_PqmkHhSSDoZGvdm_QZg_UGL8R3C2atR5VKcJ4dfeFdHhzu2bQOiwUmbgM-lx2B-TccKW3jGMIn53O0DYBbYlI15rJi_tuZTJr/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="feedcount" width="452" /></a></p> <p align="justify">Para <strong>obter o código do TwitterCounter</strong>, acesse o <a href="http://twittercounter.com/" target="_blank">site</a>, escreva seu username do Twitter no campo indicado (1), faça login pelo método OAuth (é seguro) e depois clique na aba <strong>buttons</strong> (2). Configue as cores do botão (sugestão: 47C8F5 para o plano de fundo e 000000 para o texto)  e copie o código fornecido. Cole o código  na parte em vermelho ( <strong><span style="color:#ff0000;">CÓDIGO DO TWITTER COUNTER</span></strong> ) do código do widget.</p> <table border="0" cellpadding="2" cellspacing="0" width="550"> <tbody> <tr> <td valign="top" width="275"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBOmNVtoQU8CIjmVSxtC9IpPiYd_qX7IpD1LIi4dtqim8nXd0m09j-5GtYagt2Jbvj_4Zj-L5EnV5WugxWTUwflQ3lGmohGWo0Eh13jU6xPrdVUeh_vWoVN_WLQdX6YTJPmAHbxjNJ0se/s1600-h/twitter%20counter%5B4%5D.jpg"><img alt="twitter counter" border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg72ZDkjjh4X5tTGatPTkcNVD1opuN1ZldmGlTm7cH8w5uY0UYDy-EJT4MgqOaQxTsZczmT2OsRl5qRt8LPaxKUio4T1dGYtYDU6g5n4zbH6Bl52s6mO1yRg-flUqaFqD_uUsBIz-xf3mpl/?imgmax=800" style="border-width: 0px; display: inline;" title="twitter counter" width="242" /></a> </td> <td valign="top" width="275"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyVmzxv6NojzX5cIWG_vFmTJh9mg5BiQBrK1RF_uEOIh2PUhQiVUyjRnqUj6CbTiiakNeoHQ8gi5ViQAzEyG_vaSvN5fL6gf7DviWS67R-oV3hDSt1GUlzGECmeBJ03lUZCjE2bvJAcrin/s1600-h/image%5B13%5D.png"><img alt="image" border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVVzbT8TlwXdB2QmfpiWV7S-5aHVsI_7u9yKJSLnci2o_RkQXABH1U7XjIoJnZzCdJTM6nF64UsoLglnXu9ri-ELQRnporMTQMBtXGiMsHLzNlOEENIt_GUWd1OGHIIXqZRnlAXPKt01d7/?imgmax=800" style="border-width: 0px; display: inline;" title="image" width="266" /></a> </td></tr></tbody></table> <p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8IiCI0gPwkRhQdRAKj1N8WV97JBcN2-h0W_yd84OGfGkCRPDDxrILuoCrvRJ0bbJnCOccx2I-6CefVH95ZKcneYZZuA4IUJOGvW9zkw0sGBJcKxq3H3eHtHzXc7QjkHPDJyLQJNU_8CL_/s1600-h/image11%5B1%5D.png"><img alt="" border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Qu1Zm4zcg8Wqy3SnYBlHPLUnd8PtItfoAQs-LVjJBRfsVBheC-Z_n52fZ9OM7ssfszdGoaraIGvu_ce56AqjsjXBRMs_hqpX5ST2R8K4zR9sZbxGEwp4thGgtdIjFQFXHpyxBFjpFrbD/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="" width="348" /></a> </p> <p align="center"><strong>Widget assinantes de feeds e seguidores do Twitter</strong></p> <p align="justify">Se você quiser mostrar apenas os assinantes de feeds e os seguidores no Twitter, copie este código, faça as alterações necessárias e cole no gadget html/javascript do Blogger:</p> <blockquote><div style="width: 345px; padding: 0; margin: 0; border: 0;"><br />    <div name="feed" style="float: left; width: 160px; height: 50px; "><br />        <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH6vksw3aw9jVrKQvtIeaUlqpesHcvnnSfV-GnIcCUKGhMcmIVfeT3HzkhqK0S56SDulOhTOzV_qj_0ogzxIUeLL480R5s8Dat3WnXcUMzdKpugtgveBPJBOodcr2EsA4P5gVuRnSYz9x-/) no-repeat;"></div><br />        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><strong><span style="color:#ff0000;">CÓDIGO DO FEEDBURNER</span></strong></div><br />        <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">assine o feed</p><br />    </div><br /><div name="twitter" style="float: left; margin-left: 10px; width: 160px; height: 50px; "><br />    <div name="img" style="float: left; margin: 2px 5px 2px 2px; padding: 0; width: 46px; height: 46px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhahOzAjdD63d3diXOGnaEvUmaGR2lEK04fySIN0px5d-shHhJzK8828nE8yElKo0xzRo6P0y8tacfMICwW75mHWq2MtnRR_0p82_gsVlSHYRzI9gdmb7NvRURrTcBNlXPrE3USjLR610P6/) no-repeat;"></div><br />        <div name="contador" style="padding: 6px 0 0 0; margin: 0; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;"><strong><span style="color:#ff0000;">CÓDIGO DO TWITTER COUNTER</span></strong></div><br />        <p name="texto" style="padding: 0; margin: -5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif;">siga no Twitter</p><br />    </div><br /><div style="text-align: center;"><small> Widget <a href="http://www.codigosblog.com.br/2010/03/widget-contador-feed-twitter_25.html">Códigos Blog</a> modificado por <a href="http://www.dicasblogger.com.br/2010/04/widget-contador-feeds-e-twitter.html">Dicas Blogger</a></small></div>  <p> </p></blockquote> <p>Acho que não é necessário, mas vou pedir assim mesmo: <strong>NÃO RETIRE OS CRÉDITOS</strong></p></span> <div class="blogger-post-footer"> </div>

Widget – feeds, seguidores, posts e comentários

O Paulo Estevão, do Códigos Blog , disponibilizou recentemete um widget muito bacana, que divulgamos aqui no Dicas Blogger em fevereiro dest...

Continue Lendo >>

13:58

Os comentários do seu blog sumiram?

<div align="justify">
Já faz um pouco mais de 1 mês, que os usuários do Blogger estão enfrentando problemas com o sistema de comentários. O bug mais comum é percebido através dos gadgets que contabilizam o número total de comentários. Nota-se que o valor mostrado é inferior ao valor real e que varia muito durante um mesmo dia. Por exemplo: o Dicas Blogger deve ter cerca de <strong>14.000</strong> comentários publicados, mas neste exato momento o gadget informa <strong>9918</strong> e de manhã apareciam aproximadamente <strong>4.500</strong> comentários. O assunto já foi abordado aqui no começo do mês março - <a href="http://www.dicasblogger.com.br/2010/03/diminuicao-no-numero-total-de_02.html">Diminuição no número total de comentários</a>.</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">Um outro problema que vem sendo reportado, tanto no Twitter quanto no <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=782fc5526b8fa512&hl=pt-BR&start=40" target="_blank">fórum do Blogger</a>, se refere ao desaparecimento dos comentários em blogs que mudaram para <strong>domínio próprio</strong> durante esta fase de instabilidades. O caso mais conhecido é o do blog <strong>Usuário Compulsivo</strong>. Vejam um exemplo, neste meu post publicado em fevereiro, antes da mudança para o domínio compulsivo.com.br - <a href="http://www.compulsivo.com.br/2010/02/lindos-wallpapers-gratis-para-iphone.html">Lindos Wallpapers Grátis para iPhone</a>.</span></div>
<span id="fullpost"> <div align="justify">
O que eu tenho a dizer é que a equipe do Blogger já está ciente e vem trabalhando para solucionar essas falhas, conforme foi postado no blog oficial <a href="http://knownissues.blogspot.com/2010/03/some-users-are-experiencing-comment.html">Known Issues for Blogger</a>:</div>
<blockquote>
Some users are experiencing comment count discrepancies on their blog, specifically for older comments during the December-January timeframe. We have isolated the underlying problem though, and are working to release a fix shortly. Also, if you have recently switched hosting from BlogSpot to a custom domain, it may take up to a few hours before the counts are synced completely (and this is expected).</blockquote>
<div align="justify">
Como o Dicas Blogger acabou se tornando uma das principais referências sobre o Blogger no Brasil, é natural que muita gente venha me procurar em busca de notícias, mas infelizmente ainda não existe uma solução para nenhum dos dois casos. </div>
<div align="justify">
Peço que tenham paciência e que lembrem que até hoje a maioria dos bugs do Blogger foram resolvidos satisfatoriamente.</div>
<div align="justify">
Nesta fase, também podem acontecer <strong>erros Bx</strong> durante a aprovação de comentários moderados e até mesmo durante o envio dos comentários.</div>
<div align="justify">
Este post é apenas para mantê-los informados sobre os atuais problemas no Blogger.</div>
</span>

Os comentários do seu blog sumiram?

Já faz um pouco mais de 1 mês, que os usuários do Blogger estão enfrentando problemas com o sistema de comentários. O bug mais comum é perc...

Continue Lendo >>

19:58

Mapa do site para Blogger/Blogspot

<div align="justify">
Que tal ter uma página no seu blog, onde estão todas as suas postagens organizadas por data? Poderíamos chamar essa página de Mapa do Site ou Arquivo do blog e ela pode ser bastante útil quando um visitante não consegue encontrar algum post específico no seu blog usando a pesquisa ou mesmo se este visitante quiser ler tudo o que você já publicou. </div>
<div align="justify">
Se quiser ver como é uma página assim, dê uma olhada na que eu criei no meu blog <a href="http://www.wbra.in/p/arquivo-do-blog.html">neste link</a>. Se quiser uma página igual para o seu blog, siga o tutorial abaixo. </div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">Primeiramente crie uma nova página no seu blog (1)  e entre no <strong>modo de edição HTML</strong> (2). Copie o código abaixo, alterando a parte em <span style="color: red;">vermelho</span> pelo endereço completo do seu blog. Cole o código no html da página (3) e clique em <strong>publicar agora. </strong></span></div>
<span id="fullpost"> <blockquote>
<div align="left">
<script style="text/javascript" src="http://100rede.com/mapablogger.js"></script><br /><script src="http://<span style="color: red;">NOME_DO_SEU_BLOG</span>/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script> </div>
</blockquote>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS3Ft_PXpyBL1a_6Ee6Uzf-8_p1mQujvgR6zFejVqR_MrFsTMBkeNXI_AvmOtaCUPl-PY6Bs3Q5qRLnZJQB9a9XGWvJumGROpO4rbHVa_siaGGh9CUijS2zLo9wBdPIYRy8t2SAdUI0yjL/s1600-h/sitemap_blogger%5B10%5D.jpg"><img alt="sitemap_blogger" border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq4uGWqgbuJUhqAOJDCgN9bnnYzlOc_pxarO9tqzRjDo0_KdKTWJRhU2i9Xtbna0Iq-Z42AK4hXx0RGnRBoq26ETcvzaSvXElIFM3GalkUXcj6roGBreNgPwyQ5k3vBNOkrZbC2AYGr6ex/?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="sitemap_blogger" width="446" /></a> <br />
 Veja o resultado do arquivo do Dicas Blogger, na imagem abaixo: <br />
 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPhE2HWoax1hdMDt_MhYHiYpz_sEXV_-Tu4ArNIBX5VZPInax1zfQifUzadWB2KgWj_qdik48yGrqIszowPjn48oRdGOQ1W4l1b7-LN5DE4AUF5pQX_2JIeaADkKoIfBeYVhZZw9LjNTJk/s1600-h/image%5B11%5D.png"><img alt="Arquivo ou mapa" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0RbY_ZLtJhLzQjhM-T8pNniCOLCCzo2QeifhyxK9olXclNwbkmfLj8k6Pk21zWT-7e_4t8wzpvM5__850UHPw2v1D4KF9kqv4y6hxJ7wmd6g4GAGaxpYSkB7-qWcNIifgTtbsoNjEjyfA/?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="Arquivo ou mapa" width="446" /></a> <br />
 <strong>Observações:</strong> <br />
 <div align="justify">
Eu peguei essa dica no blog do <a href="http://www.abu-farhan.com/">Abu Farhan</a>, os créditos do script foram mantidos, sendo que eu apenas traduzi os nomes dos meses para o português. </div>
<div align="justify">
Não sei como os robôs do Google podem interpretar essa nova página do seu blog cheia de links internos, acredito que isso não renderia nenhuma punição nos resultados de pesquisa do Google, mas não posso afirmar tal coisa com certeza.<br />Percebam que existe um valor neste URL que indica o número de posts a serem exibidos; no exemplo acima este valor está definido como 1000, pois eu queria mostrar todas as postagens do meu blog no mapa. Altere o valor conforme a quantidade de posts do seu blog, colocar sempre um valor bem acima do número de postagens do seu blog vai garantir que todas sejam mostradas. </div>
<br /><span style="font-size: xx-small;"><strong>Teilor</strong> (</span><a href="http://twitter.com/Teilor"><span style="font-size: xx-small;">@Teilor</span></a><span style="font-size: xx-small;">) é um dos principais colaboradores do </span><a href="http://www.google.pl/support/forum/p/blogger/user?userid=14781072449702723125&hl=pt-BR"><span style="font-size: xx-small;">fórum oficial do Blogger</span></a><span style="font-size: xx-small;"> e autor do blog </span><a href="http://withoutbrain.blogspot.com/"><span style="font-size: xx-small;">Without Brain</span></a><span style="font-size: xx-small;">.</span></span>

Mapa do site para Blogger/Blogspot

Que tal ter uma página no seu blog, onde estão todas as suas postagens organizadas por data? Poderíamos chamar essa página de Mapa do Site ...

Continue Lendo >>

21:30

Como criar uma conta no Google

<div align="justify">
O motivo deste post é que agora já não é mais tão simples criar uma conta no Blogger. De um tempo para cá (não saberia precisar quanto), é necessário fornecer um número de celular para criar a conta no Google e, posteriormente, uma conta no Blogger.</div>
<div align="justify">
Podemos criar uma conta no Google, acessando qualquer uns dos serviços prestados pela empresa, tais como Gmail, Google Docs, Orkut, Picasa e etc. Para este tutorial, usaremos o Blogger, por motivos óbvios, mas o processo de criação de uma conta do Google é praticamente o mesmo nos demais produtos, mudando apenas a primeira etapa.</div>
<span id="fullpost"> </span><br />
<div align="justify">
<span id="fullpost">Acessando a página inicial do Blogger ( <a href="https://www.blogger.com/" title="https://www.blogger.com/start">https://www.blogger.com/</a>), encontraremos:</span></div>
<span id="fullpost"> <div align="justify">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0AdsxmnxYZ-832307coP2mjqjU6qqFyNqeq14Y8VhZGSs2_2W8L8Vm7CpHyhSGpU1MTRXyxinsakWDwycYzhCd-_xxAS_LKNg0fOGfvFTZECHQe7uFShgppf5kFAXlFzO_KopwDR2Vy0l/s1600-h/Sem%20T%C3%ADtulo-1%5B9%5D.jpg"><img alt="Home do Blogger" border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLinfoM9wAnYqcZSfvpwAcAgrihH2TIOxczKVLi3tc8Uw696hmdXP3WOfz1vZDeSGGJzp_NVGLZKpD2V702y13OZ_Ojb_1TYbpYfMDjYvh1lceucWuIhikeRfoaMY7381_3RjdxMeHa4wh/?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="Home do Blogger" width="452" /></a> </div>
<div align="justify">
Para criar um blog e consequentemente uma conta no Google, clique em <strong>criar um blog</strong>. Na página seguinte, preencha todos os campos solicitados. O email utilizado não pode já estar vinculado a outra conta do Google e a senha deve ter mais de 8 caracteres.</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYTawQGND7cXKQlqwkeO-sCNhaCXH8iGRDdWTcb3EijIHGNPRYuj9cbLU9jzUzEHq-d7uRJEyElrQ2DYcIywXpKJS0nqpe2QVJ7-90Y7umOAHr7kvvEAEysPfb8giv1C6k6W57r3DtcZ_Q/s1600-h/Sem%20T%C3%ADtulo-12%5B9%5D.jpg"><img alt="Criando a conta do Google" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOvD-KmyXxQ9PD2KV56BDBzjbdU3e_335aW5WZMcx5YDY37lXaERAZGTtNEQGh5Uz2wTwsC6Iy7H8oa33Ua3uagW3JCP7U6eRKJo6T7oaTL-jPv5zS3-1ND9Es8wdFRmUuIG6o7Y1D5Sos/?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="Criando a conta do Google" width="452" /></a> <br />
 <div align="justify">
Leia os <a href="https://www.blogger.com/terms.g" target="_blank">termos de uso</a>, marque a caixa para aceitá-los e clique no botão <strong>continuar</strong>. Na próxima página,  forneça um número de celular para receber o código (senha) de confirmação</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu0rw62qOZW_Vc6bXAIq2PAwuSEXEIRUBofzxNaXjQ5woAclpAGdGEc11Rr7Otcrm5-oPQs_FN84i865VHQvmA3qO4qlmpvb_UYs6S0p_PD31UmROQ6ZUpUbeJWSDEj5OqEsbXWzIB9VOI/s1600-h/Sem%20T%C3%ADtulo-23%5B9%5D.jpg"><img alt="Fornecendo o celular" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJ7hG42FEbl-Zqx1UD8bAu4SoLpFDNVlaUF9YAlqQ5d7QgqRvPkptV4qgFzZkYaBy1f2LOFW7uIlBu6ZLxnBilLQhIqtjuavUR1ubaZtT4NTM7rSTy690dNogRmDB5QXN6MkHP9pu8XWV/?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="Fornecendo o celular" width="452" /></a><br />
 <div align="justify">
Você pode receber o código de confirmação através de mensagem de texto (SMS, torpedo) ou por chamada de voz. Comigo a primeira opção falhou, mas a segunda chegou rapidinho. </div>
<div align="justify">
Assim que você receber a senha, coloque no campo indicado e pronto. Veja <a href="http://www.google.com/intl/pt-BR/options/" target="_blank">neste link</a>, todos os produtos que você poderá usar, ao criar uma conta no Google.</div>
<div align="justify">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVRBnHvHzYKZsEXKBSoGX0VTI2L6VwN7lb7h-vkrr3ji-Id_C1ctpj1mWUWZmzEfclXH1U3OAYZMFOPj45nbO8bddC49dkYUYbvFlYdemliwVcyGLB4PkNb0PDCKGLatz6CKxO1oXVJt45/s1600-h/image%5B10%5D.png"><img alt="Produtos do Google" border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpg-YJNyeHbPdtmQtS5kEVEP2amXqR9K2HpIRnzslR8r5zfCp-WJNT3OscmbMKpXyhSerg_oHH8k44nTETNczeAFoNecd4bfzPKuSgwttq0orUjtKxslxFURaDEpLy8V3pzZLVZdZSJomQ/?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="Produtos do Google" width="452" /></a> </div>
<div align="justify">
Para aprender a criar e personalizar o seu blog no Blogger/ Blogspot, acesse:</div>
<ul>
<li><a href="http://www.dicasblogger.com.br/2007/08/montando-seu-blog_31.html">Dicas Blogger: Como criar um blog</a>  </li>
<li><a href="http://www.dicasblogger.com.br/2009/02/criando-um-blog-no-blogger-em-10-passos.html">Dicas Blogger: Como criar um blog no Blogger em 10 passos</a></li>
</ul>
Este post surgiu devido a uma dúvida da Luma Rosa, do Blog <a href="http://luzdeluma.blogspot.com/" target="_blank">Luz de Luma, Yes Party</a>.</span>

Como criar uma conta no Google

O motivo deste post é que agora já não é mais tão simples criar uma conta no Blogger. De um tempo para cá (não saberia precisar quanto), é ...

Continue Lendo >>

12:27