Widget - assinantes de feeds e followers do Twitter

<div align="justify"> Hoje eu não irei diponibilizar nenhum tutorial e sim divulgar o excelente trabalho  desenvolvido pelo  metablogger <a href="http://twitter.com/pauloestevao" target="_blank">@pauloestevao</a> do <strong>Códigos Blog</strong>, com o auxílio do jovem <a href="http://www.twitter.com/blogueirosnaweb" target="_blank">Fernando</a> do blog <a href="http://www.blogueirosnaweb.com/" target="_blank">Blogueiros na Web</a>. Graças a eles, nós usuários do Blogger já podemos usar um widget que só existia para Wordpress e que mostra o número de assinantes de feeds e de seguidores no Twitter juntos e em forma de texto. (Como assim, Bial? <strong>#bbbfeelings</strong>)</div> <div align="justify"> Explico. Já faz um bom tempo que o recurso foi adotado por blogueiros que usam Wordpress e, além de bonito, é super funcional. Coloca-se um ícone de Twitter, outro de Feeds e o número de followers e de assinantes, respectivamente, na frente de cada ícone. Complicou?</div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTm9gOTuQE7bCYb8UjVG9cld-g627uJWm9FE56-Z8HRVKAOx8XnuhQjdFEyojdP0C27Onk8EIcQ3Nx0fH-xg6F41g4czfVXmx_Y224P0i1wasG9qLzzCBlRGvCDj6VEJa_3N8xTOQjQZht/s1600-h/Sem%20T%C3%ADtulo-1%5B5%5D.jpg"><img alt="widget_feeds_twitter" border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT_rj4YWmKbYIoybqwc6Qf49nh1S3LK4Kq-NE7gMmKMw1jSyW1oy8v18j7ElYDOC663-flSw7MmrR69ZNR8lrPLV4o5C4OnG8FJCxiPb_JtLb0KbCk-aNGJfjawxX4obSrLC8kzqCYTNZe/?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="450" /></a></span></div> <span id="fullpost"> <div align="center"> <span style="font-size: xx-small;">Uma imagem fala mais do que mil palavras</span></div> <div align="justify"> Lindo, não? O código para implementar o widget, já está à disposição de todos! Corram!</div> <blockquote> <div align="center"> <span style="font-size: small;"><strong>  </strong></span><a href="http://www.codigosblog.com.br/2010/02/widget-contador-de-assinantes-feed-e.html"><span style="font-size: small;"><strong>Widget contador de assinantes feed e seguidores do Twitter</strong></span></a> </div> </blockquote> <div align="justify"> Além do widget duplo (feeds + twitter), o Paulo Estevão disponibilizou também um outro que mostra somente os assinantes de feeds - <a href="http://www.codigosblog.com.br/2010/01/contador-de-assinantes-feed-em-forma-de.html">Contador de assinantes feed em forma de texto</a>. </div> Se vocês quiserem mudar os ícones do widget, acessem  <a href="http://www.dicasblogger.com.br/2009/11/15-sites-para-busca-de-icones-web.html">15 sites para busca de ícones web</a>.<br /> <div align="justify"> Bom, esse foi o resultado de uma parceria entre dois metabloggers, certo? Pois bem. Depois chegou o <a href="http://twitter.com/hordones" target="_blank">@hordones</a>, do Ferramentas Blog e desenvolveu um terceiro widget, que mostra assinantes de feeds, seguidores no Twitter, número de comentários e de posts - <a href="http://www.ferramentasblog.com/2010/02/menu-com-icones-e-contadores-de-artigos.html">Menu com ícones e contadores de artigos, feed, Twitter e comentários para Blogger</a>.</div> <div align="justify"> E pra quem ainda acredita na tolice que existe rivalidade entre nós, meu sincero <strong>LOL .</strong></div> </span>

Widget - assinantes de feeds e followers do Twitter

Hoje eu não irei diponibilizar nenhum tutorial e sim divulgar o excelente trabalho  desenvolvido pelo  metablogger @pauloestevao do Código...

Continue Lendo >>

TweetMeme- Inserindo botão de Retweet no Blogger

<p align="justify">A nova febre é o botão de RT do site <a href="http://tweetmeme.com/" target="_blank">TweetMeme</a>. Muitos bloggers já adotaram esse recurso, que mostra todos os retweets de um determinado post. Por insistência do <a href="http://www.twitter.com/luanfr" target="_blank">@luanfr</a>, acabei aderindo também e não é que ficou bonitinho? Além de mostrar os Rts, o botão ainda possibilita que os leitores enviem nossos posts diretamente para a página do Twitter. E é simples de instalar.</p> <p><strong>Para colocar o botão embaixo dos posts:</strong></p> <p>Entre no html do template (layout>editar html), marque a caixa “expandir modelos de widgets” e procure (Ctrl+F) por:</p> <span id="fullpost"> <blockquote> <p><div class='post-footer'> </p> </blockquote> <p>Cole logo <strong>acima</strong> o seguinte código:</p> <blockquote> <p><span style="color:#008000;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></p> <p><span style="color:#ff0000;"><script type="text/javascript"> <br />tweetmeme_source = <strong>'NOME NO TWITTER'</strong>; <br /></script> <br /><script type="text/javascript" src="</span><a href="http://tweetmeme.com/i/scripts/button.js%22"><span style="color:#ff0000;">http://tweetmeme.com/i/scripts/button.js"</span></a><span style="color:#ff0000;">></script></span></p> <p><span style="color:#008000;"></b:if></span></p> </blockquote> <p>Substitua NOME NO TWITTER pelo seu nome de usuário e salve. </p> <p>A parte em <span style="color:#ff0000;">vermelho</span> é referente ao <strong>código do TweetMeme</strong> e a parte em <span style="color:#008000;">verde</span> é referente às condicionais para que o botão só apareça nos posts e não na página inicial do blog.</p> <p><strong>Para colocar o botão entre o título e o post</strong>, encontre:</p> <blockquote> <p><div class='post-header-line-1'/></p> </blockquote> <p>Cole o código anterior <strong>embaixo</strong> dessa linha e salve. </p> <p align="justify">Você pode integrar o botão de RT com um anúncio, do tipo banner ou meio banner (Isso vai depender do tamanho da área de postagem do seu blog). Basta usar o seguinte código:</p> <blockquote> <p><b:if cond='data:blog.pageType == &quot;item&quot;'></p> <p><table </p> <p>style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 "> </p> <p><tbody> </p> <p><tr> </p> <p><td valign="undefined" align="left"><strong>CÓDIGO DO TWEET MEME </strong></td> </p> <p><td valign="undefined" align="undefined"> <strong>CÓDIGO DO ANÚNCIO </strong></td> </p> <p></tr> </p> <p></tbody> </p> <p></table> </b:if> </p> </blockquote> <p>Aí está o resultado que eu obtive no meu blog de testes, usando um banner:</p> <p align="justify"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy_YshA_Xohen2DlUqGpATiMD8Q7VdWbIfs9y_wGce8nBFVub4xBeZMNpjyZNPlMs_uPhWcZBVCwzE3cbPVHiKCjIrLfKb58VzJ3W6nb1VTpB3pEnALa3ae7I3jkYyLYK_CLRcWS7WaT54/s1600-h/image%5B15%5D.png"><img alt="image" border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpvEfI4sT7Hx0k2MFu0rhsftKcWmkyHqgDVrJG7eskuEtytjZQcUv9T7qToZ_ze7FhaXBAdy0b0UpKTXSISDC1rPrMHwvEfrM_eB3M7d6-D9XmlZiJNQ6kEq2SKlONhhFrPqbf-rXG1-U8/?imgmax=800" style="border-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="image" width="450" /></a></p> <p align="justify">Lembrando que o código do AdSense tem que ser convertido. Use o site <a href="http://blogcrowds.com/resources/parse_html.php" target="_blank">Blogcrowd</a>.</p> <ul> <li><a href="http://www.dicasblogger.com.br/2008/05/anuncios-nas-postagens-do-blogger.html">Anúncios nas postagens do Blogger</a> </li> </ul> <p align="justify">Caso você não use publicidade no seu blog, coloque um mensagem para os seus leitores. E se quiser ir mais além, use o programa NVU portable para construir o seu próprio código:</p> <ul> <li> <div align="justify"><a href="http://www.dicasblogger.com.br/2010/01/mensagens-no-rodape-dos-posts.html">Mensagens no rodapé dos posts</a></div> </li> <li> <div align="justify"><a href="http://www.dicasblogger.com.br/2009/07/aprendendo-criar-tabelas-em-html.html">Aprendendo a criar tabelas em HTML</a></div> </li> </ul> <p align="justify">Exemplo de uma mensagem legal:</p> <blockquote> <p><b:if cond='data:blog.pageType == &quot;item&quot;'></p> <p><table </p> <p>style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 "> </p> <p><tbody> </p> <p><tr> </p> <p><td valign="undefined" align="left"><strong>CÓDIGO DO TWEET MEME</strong> </td> </p> <p><td valign="undefined" align="undefined"> </p> <p><b>Siga este blog no <a href='<strong>http://LINK DO SEU TWITTER</strong>'>Twitter </a> e fique por dentro das novidades!</b> </p> <p></td> </p> <p></tr> </p> <p></tbody> </p> <p></table> </b:if></p> </blockquote> <p align="justify">Recomendo que essas alterações sejam feitas, primeiramente, em um blog de testes.</p> <p align="justify"></p> <p><strong>ATUALIZAÇÃO EM 27/08/2010</strong></p> <p>Para que o botão fique à direita do anúncio, inverta os códigos:</p> <blockquote> <p><b:if cond='data:blog.pageType == &quot;item&quot;'></p> <p><table </p> <p>style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 "> </p> <p><tbody> </p> <p><tr> </p> <p><td valign="undefined" align="left"><strong>CÓDIGO DO ANÚNCIO</strong></td> </p> <p><td valign="undefined" align="undefined"> <strong>CÓDIGO DO TWEETMEME </strong></td> </p> <p></tr> </p> <p></tbody> </p> <p></table> </b:if> </p> </blockquote> <p>Caso você não use anúncios, siga esta dica do <a href="http://www.ferramentasblog.com/2010/08/widget-tweet-button-oficial-do-twitter.html" target="_blank">Ferramentas Blog</a>:</p> <blockquote> <p><b:if cond='data:blog.pageType == &quot;item&quot;'> <br /><p style='display: inline; float: right; margin-left: 5px'></p> <p>Adicione aqui o código do botão </p> <p></p> <br /></b:if></p> </blockquote> <p></p> </span>

TweetMeme- Inserindo botão de Retweet no Blogger

A nova febre é o botão de RT do site TweetMeme . Muitos bloggers já adotaram esse recurso, que mostra todos os retweets de um determinado po...

Continue Lendo >>

Seu blog corre o risco de ser hackeado?

<div align="justify"> É muito importante que usuários da internet tenham o mínimo conhecimento sobre <a href="http://pt.wikipedia.org/wiki/Seguran%C3%A7a_da_informa%C3%A7%C3%A3o" target="_blank">segurança digital</a>. Não dá para se aventurar na web sem um bom antivirus, firewal e anti-malware. Além dos softwares, é preciso estudar os tipos de ataques, tais como <a href="http://pt.wikipedia.org/wiki/Phishing" target="_blank">phishing</a> e <a href="http://pt.wikipedia.org/wiki/Engenharia_social_%28seguran%C3%A7a_da_informa%C3%A7%C3%A3o%29" target="_blank">engenharia social</a>.</div> <div align="justify"> Em 2008 eu fiz um post - <a href="http://www.dicasblogger.com.br/2008/11/dicas-de-seguranca-para-blogueiros.html">dicas de segurança para blogueiros</a> alertando sobre os riscos que corremos e dei algumas dicas para aumentar a proteção de nossos blogs.</div> <div align="justify"> Mas será que seu blog está seguro ou você pode perdê-lo da noite para o dia? Pois foi o que aconteceu com o jovem  <a href="http://www.twitter.com/Rafael_Belomo">@Rafael_Belomo</a>. Vejam só o tweet que ele me mandou:</div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost"><a href="http://twitter.com/Rafael_Belomo/statuses/8421597694" target="_blank"><img alt="Tweet do Rafael" border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhov5tlXkCw0SHlD4MpX30MgLGc-zN4rzMvlE4mFoSKGrM_ijHBfO0BRLCjW_6e74fYMNCouCl7VFLr3rR4QNbetXKS31SoKQ9WqpF7qZrCv8zmQiqpYJbLMhPYOy8l9XtTIpF9_K5sen3_/?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="Tweet do Rafael" width="452" /></a></span></div> <span id="fullpost"> O Rafael solicitou a minha intervenção no caso. Ao me dirigir ao <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=6d174022f19d6412&hl=pt-BR" target="_blank">tópico de ajuda no fórum do Blogger</a>, me deparei com o seguinte relato (clique na imagem para ampliar):<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwe-g9su1Pog1n6LgaeP_Zzo5bpec-UNyGlZmFKuHBceDf8obPNDAEVvEQ7-5TJ6y_ZAf_dG4dJCGhib7wz2tiPs4A2HPAunkWvP8tKTqZyqiB6sCzQ_tlVe-_bLOsRhLL_3rVuPedb5-q/s1600-h/Sem%20t%C3%ADtulo2%5B10%5D.jpg" target="_blank"><img alt="Pedido de ajuda" border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjLkNoxmhwiOLrAZOF3cas41ERASwzkbAtU03hPzQHuwmOaZch3YcflX2ZWjSrb4nCqv0TnTpkA3oqTa1RKZt7gmmWZnj_qeFXSgKwgS5RZH-kGv-NJ7Oyrya29zGY5HQNV0AB7Oql2_gq/?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="Pedido de ajuda" width="452" /></a><br /> <div align="justify"> Entenderam? O Rafael, ingenuamente, confiou seu blog nas mãos de um desconhecido.  Trata-se de um problema grave, porém é mais comum do que se possa imaginar. Como colaboradora do fórum, vejo sempre alguém contando que, por algum motivo, perdeu seus privilégios de administrador. E no caso do Rafael foi através de engenharia social.</div> <blockquote> <div align="justify"> Método de ataque onde uma pessoa faz uso da persuasão, muitas vezes abusando da ingenuidade ou confiança do usuário, para obter informações que podem ser utilizadas para ter acesso não autorizado a computadores ou informações. <strong>Fonte:</strong> <a href="https://sac.uol.com.br/info/cartilha/glossario/index.jhtm" target="_blank">Uol</a></div> </blockquote> <div align="justify"> Portanto queridos leitores novatos, NUNCA, jamais e em hipótese alguma, conceda privilégios de administrador a desconhecidos. E tome cuidado com “supostos”  amigos. </div> <div align="justify"> Leiam este post - <a href="http://www.dicasblogger.com.br/2009/10/como-colocar-varios-autores-no-blog.html">Como colocar vários autores no blog</a> para aprender como se concede e como se revoga os privilégios de administrador. Todo cuidado é pouco!</div> <div align="justify"> Não sei ainda qual será o desfecho da história, mas recomendo que, em casos como o do Rafael, vocês se dirijam ao <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR" target="_blank">fórum do Blogger</a> para tentar uma solução. Boa sorte, Rafael!</div> </span>

Seu blog corre o risco de ser hackeado?

É muito importante que usuários da internet tenham o mínimo conhecimento sobre segurança digital . Não dá para se aventurar na web sem um b...

Continue Lendo >>

Mensagens no rodapé dos posts

<div align="justify"> Que tal colocar um convite, no rodapé de todos os seus posts, convidando seus leitores para que assinem os feeds do seu blog ou para te seguir no Twitter ? Ou mesmo qualquer mensagem que seja importante para o seu ´público? Eu já havia feito um tutorial em 2008, que acabou ficando desatualizado, então hoje iremos rever como implantar essa função.</div> <div align="justify"> Antes de começar, faça um <a href="http://www.dicasblogger.com.br/2008/05/backup-template-widgets-blogger.html">backup do seu template</a>. Como se trata de um tutorial avançado, <strong>NÃO PROSSIGA</strong>, caso não se sinta apto (a) para fazer alterações no html do seu template.</div> <div align="justify"> Eu vou usar 2 modelos com imagem -  assine os feeds e siga no Twitter e um só com texto.</div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost"><strong>Convite para assinar os feeds</strong></span></div> <span id="fullpost"> <table cellpadding="4" cellspacing="4" style="background-color: #efefef; border-bottom: rgb(204,204,204) 2px solid; border-left: rgb(204,204,204) 2px solid; border-right: rgb(204,204,204) 2px solid; border-top: rgb(204,204,204) 2px solid; height: 40px; margin-left: auto; margin-right: auto; text-align: left; width: 100%;"> <tbody> <tr> <td align="undefined" valign="undefined"><img align="middle" alt="" src="http://lh6.ggpht.com/_mcq01yDJ2uY/S2Q_LD7R-sI/AAAAAAAABRs/f9faJxbZPBs/feed-32x32.png" style="height: 32px; width: 32px;" /></td> <td style="text-align: left;"><span style="font-weight: bold;"></span><b>Assine o <a href="http://feeds.feedburner.com/dicasblogger">feed </a>deste blog ou receba todos os artigos por <a href="http://feedburner.google.com/fb/a/mailverify?uri=dicasblogger&amp;loc=pt_BR">email</a></b>.</td></tr> </tbody></table> <div align="justify"> Encontre uma imagem de 32 x 32 px. Hospede-a na sua conta do Picasa ou no serviço de hospedagem de sua preferência. Copie a url da imagem. Cole no bloco de notas.</div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIyigonOdYL5A7C5FyB3KFIRotRtP43npCeHzs1wSAhF7el1B50oHehSoCm815GO3zUJdV_o5cMPYLxzHo2k-7NkR9umJMMJxlzFDXsqUbcYK27rCMt8_P5xrKwuilbS9ytU745dIIABDI/s1600-h/image%5B30%5D.png"><img alt="" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1LBU-A0gXAg2ZRObYzklQGCSv7YbzNTBWVP5ksbg-WbN-6rsAkafIm3KyXaDMJyyAvxmjkeSPvFz4DU71n8oTOhWSdaue1f14xenbzcoOOJimsk2P88NHypya8VKLddOF3Ca2E1pCHFF0/?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 /> Entre no FeedBurner, procure pela <strong>aba publicize</strong> e pelo link (fica na coluna da esquerda)  <strong>email subscription</strong>. Copie o código que fica em <strong>Preview subscription link</strong>:<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySh0chHeGHGUCTjkNLrOBiYuKE1n1OiC_nVyA2nXcXrlio1DnaxPNZUjEOFrRxhmUByM6JmbLHikSf8W7_XdLFBvgNmCX_IjHI3vVH6Z5876Gw03CsGSmHogPUesFtWX2D087_CNh6jvd/s1600-h/image%5B32%5D.png"><img alt="" border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMUNe62cXyZVGVKFq8qYF0CQ8Tm7EVooJLZDAH5gSSVLbn9uGAiozQqKBYWQoKcgJxA2B_HIU2fmq-SmUELa0S2yeC5IlCQ_U1v9Y0fGZUIDd9JsVffSeElZTNcLSsBzzeRfXfx5u4vuPt/?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 />Agora, copie o código abaixo e substitua <strong>URL DA IMAGEM</strong>  pela url da imagem que você hospedou no Picasa. Em <strong>URL DO FEED DO SEU BLOG</strong>, coloque a url do feed do seu blog (rs) e em <strong>URL DO FEED POR EMAIL</strong>, coloque a url que você copiou do Feed Burner.<br /> <blockquote> <b:if cond='data:blog.pageType == &quot;item&quot;'> <br /> <table<br />style="border: 2px solid rgb(204, 204, 204); background-color: rgb(239, 239, 239); width: 100%; height: 40px; text-align: left; margin-left: auto; margin-right: auto;"<br />cellpadding="4" cellspacing="4"><br />  <tbody><br />    <tr><br />      <td align="undefined" valign="undefined"><img<br />alt=""<br />src="<strong>URL DA IMAGEM</strong>"<br />style="width: 32px; height: 32px;" align="middle" /></td><br />      <td style="text-align: left;"><span<br />style="font-weight: bold;"></span><b><span style="color: red;">Assine o</span> <a<br />href="<strong>URL DO FEED DO BLOG</strong>"><span style="color: red;">feed </span></a> <span style="color: red;">deste blog ou receba todos os artigos<br />por</span> <a href="<strong>URL DO FEED POR EMAIL</strong>"><span style="color: red;">email</span></a></b>.<br /><br />      </td><br />    </tr><br />  </tbody><br /></table><br /></b:if></blockquote> Vá em layout>editar HTML, clique em <strong>expandir modelos de widgets</strong> e procure por: <br /> <blockquote> <strong><div class='post-footer'> </strong></blockquote> Cole o código já modificado em cima dessa linha:<br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVpSdswq0RWhOS_jPdBvIbxz2phCMxycZYGhKlR3FpjPbI1pr5Jmb1G2BAZ7iHvz81xzM2LSlmdnaYXhHZwD8q79MBqgYdnS_69vtdCSRH-hsznjKOKkMHqOWl3intBa8lLRNpdG3Rw2Hf/s1600-h/image%5B33%5D.png"><img alt="" border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfR8BnWhPFxaZsUp-uXfJkujQHU2mhqpqZl1bK0eWXsrRJ2JOl8b42plVR6SYh4uSOZiavFabDXfOt0ZF8rOTT4l1ma-QkIfqhk8W3eQwmc643zNLoD_OCKsbvPtPzUtMTDVIn6wpELilU/?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 /> Você pode adaptar o texto (em vermelho) conforme suas necessidades, bem como as cores da borda e do background (plano de fundo). Veja <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm" target="_blank">aqui uma tabela de cores</a>.<br /> Para mudar a cor da borda, altere os números (em verde) deste trecho do código:<br /> <blockquote> <strong>border: 2px solid rgb(<span style="color: green;">204, 204, 204</span>);</strong> </blockquote> <div align="justify"> E para mudar a cor do plano de fundo, altere:</div> <blockquote> <div align="justify"> <strong>background-color: rgb(<span style="color: green;">239, 239, 239</span>);</strong> </div> </blockquote> <div align="justify"> Posts anteriores que irão te ajudar a implementar esse recurso:</div> <ul> <li><a href="http://www.dicasblogger.com.br/2008/09/hospedagem-gratuita-de-arquivos.html">Hospedagem gratuita de arquivos</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/11/15-sites-para-busca-de-icones-web.html">15 sites para busca de ícones web</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/09/backup-no-picasa-de-imagens-contidas.html">Backup no Picasa de imagens contidas nos templates</a></li> </ul> <div align="justify"> <strong>Convite para seguir no Twitter</strong></div> <table cellpadding="4" cellspacing="4" style="background-color: #efefef; border-bottom: rgb(204,204,204) 2px solid; border-left: rgb(204,204,204) 2px solid; border-right: rgb(204,204,204) 2px solid; border-top: rgb(204,204,204) 2px solid; height: 40px; margin-left: auto; margin-right: auto; text-align: left; width: 100%;"> <tbody> <tr> <td align="undefined" valign="undefined"><img align="middle" alt="" src="http://lh6.ggpht.com/_mcq01yDJ2uY/S2RVxWzkEbI/AAAAAAAABSE/uT16McxNjlI/twitter-32x32.png" style="height: 32px; width: 32px;" /></td> <td style="text-align: left;"><span style="font-weight: bold;"></span><b>Siga-nos no <a href="http://feeds.feedburner.com/dicasblogger">Twitter </a>e fique por dentro de muitas novidades!</b></td></tr> </tbody></table> <blockquote> <b:if cond='data:blog.pageType == &quot;item&quot;'> <br /><table<br />style="border: 2px solid rgb(204, 204, 204); background-color: rgb(239, 239, 239); width: 100%; height: 40px; text-align: left; margin-left: auto; margin-right: auto;"<br />cellpadding="4" cellspacing="4"><br />  <tbody><br />    <tr><br />      <td align="undefined" valign="undefined"><img<br />alt=""<br />src="<a href="http://lh6.ggpht.com/_mcq01yDJ2uY/S2RVxWzkEbI/AAAAAAAABSE/uT16McxNjlI/twitter-32x32.png" title="http://lh6.ggpht.com/_mcq01yDJ2uY/S2RVxWzkEbI/AAAAAAAABSE/uT16McxNjlI/twitter-32x32.png">http://lh6.ggpht.com/_mcq01yDJ2uY/S2RVxWzkEbI/AAAAAAAABSE/uT16McxNjlI/twitter-32x32.png</a><a href="http://lh6.ggpht.com/_mcq01yDJ2uY/S2Q_LD7R-sI/AAAAAAAABRs/f9faJxbZPBs/feed-32x32.png%22">"</a><br />style="width: 32px; height: 32px;" align="middle" /></td><br />      <td style="text-align: left;"><span<br />style="font-weight: bold;"></span><b><span style="color: red;">Siga-nos no</span> <a<br />href="<strong>URL DA CONTA DO TWITTER</strong>"><span style="color: red;">Twitter </span></a> <span style="color: red;">e fique por dentro de muitas novidades!</span></b><br /><br />      </td><br />    </tr><br />  </tbody><br /></table><br /></b:if>   </blockquote> <strong>Mensagem sem imagem</strong><br /> <table cellpadding="4" cellspacing="4" style="background-color: #efefef; border-bottom: rgb(204,204,204) 2px solid; border-left: rgb(204,204,204) 2px solid; border-right: rgb(204,204,204) 2px solid; border-top: rgb(204,204,204) 2px solid; height: 40px; margin-left: auto; margin-right: auto; text-align: left; width: 100%;"> <tbody> <tr> <td style="text-align: left;"><span style="font-weight: bold;">Assine o </span><a href="http://feeds.feedburner.com/dicasblogger" style="font-weight: bold;">feed </a><span style="font-weight: bold;">ou receba os artigos por </span><a href="http://feedburner.google.com/fb/a/mailverify?uri=dicasblogger&amp;loc=pt_BR" style="font-weight: bold;">email</a><span style="font-weight: bold;">. E siga o blog no </span><a href="https://twitter.com/dicas_blogger" style="font-weight: bold;">Twitter</a><span style="font-weight: bold;">!</span></td></tr> </tbody></table> <blockquote> <b:if cond='data:blog.pageType == &quot;item&quot;'> <br /> <table<br />style="border: 2px solid rgb(204, 204, 204); background-color: rgb(239, 239, 239); width: 100%; height: 40px; text-align: left; margin-left: auto; margin-right: auto;"<br />cellpadding="4" cellspacing="4"><br />  <tbody><br />    <tr><br />      <td style="text-align: left;"><span<br />style="font-weight: bold;">Assine o </span><a<br />style="font-weight: bold;"<br />href="<strong>URL DO FEED</strong>">feed </a><span<br />style="font-weight: bold;">ou receba os artigos por </span><a<br />style="font-weight: bold;"<br />href="<strong>URL DO FEED POR EMAIL</strong>">email</a><span<br />style="font-weight: bold;">. Siga o blog no </span><a<br />style="font-weight: bold;"<br />href="<strong>URL DA CONTA NO TWITTER</strong>">Twitter</a><span<br />style="font-weight: bold;">!</span><br /><br />      </td><br />    </tr><br />  </tbody><br /></table> <br /> </b:if>   </blockquote> <div align="justify"> Este truque funciona perfeitamente nos <a href="http://www.dicasblogger.com.br/2008/09/templates-do-dicas-blogger.html">template do Dicas Blogger</a>, mas não tenho como garantir que irá funcionar nos demais modelos disponibilizados na web.</div> <div align="justify"> Ah, sejam criativos e não copiem o modelo usado aqui no Dicas Blogger O.o :P</div> </span>

Mensagens no rodapé dos posts

Que tal colocar um convite, no rodapé de todos os seus posts, convidando seus leitores para que assinem os feeds do seu blog ou para te seg...

Continue Lendo >>

Problemas na moderação de comentários e nos gadgets

<div align="justify"> A semana foi <a href="http://www.dicasblogger.com.br/2010/01/riqueza-da-nossa-blogosfera.html" target="_blank">rica para a Blogosfera</a>, mas complicada para alguns usuários do Blogger. Duas funções importantes apresentaram instabilidades e eu fui presenteada com ambas O.o</div> <div align="justify"> <strong>Erro Bx na moderação dos comentários</strong> Ao tentar aprovar os comentários, vários blogueiros se depararam com o famigerado erro Bx. O problema foi reportado nos fóruns do Blogger, tanto em português quanto  em Inglês e aparentemente foi resolvido. Para contornar o problema, aprovei os comentários através do link <strong>publicar</strong> que vem no email de notificação. </div> <span id="fullpost"> </span><br /> <ul><span id="fullpost"> <li> <div align="justify"> <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=7cbe5f88f85cd93d&hl=pt-BR" target="_blank">Quando vou liberar comentários no meu blog, aparece um erro bX.</a> (fórum PT-BR)</div> </li> <li> <div align="justify"> <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=7b1593f20d444732&hl=en">Comment Moderation Broken - bX-i877yt - Compilation Thread</a> (fórum EN)</div> </li> <li><a href="http://www.dicasblogger.com.br/2009/10/configurar-comentarios-no-blogger.html">Como configurar os comentários no Blogger</a> (post)</li> </span></ul> <span id="fullpost"> <div align="justify"> <strong>Impossibilidade de movimentar os gadgets da sidebar</strong> Uma das coisas mais legais do Blogger é a possibilidade de inserir e movimentar gadgets (ou widgets, como queiram) nos elementos de página do layout, mas durante toda a semana que passou, realizar tal tarefa só foi possível usando o navegador Internet Explorer. Fiz inúmeros testes usando as últimas versões dos navegadores Google Chrome e Mozilla Firefox, com templates personalizados e com o Mínima, porém não consegui mover os gadgets do DB e nem dos meus blogs de testes. Solicito aos usuários que estiverem com o mesmo problema, que se dirijam a este tópico do fórum do Blogger e relatem sua dificuldade com detalhes:</div> <ul> <li> <div align="justify"> <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=47289e69b2447b36&hl=pt-BR" target="_blank">Ao adicionar um novo gadget na sidebar, não consigo muda-lo de posição</a></div> </li> </ul> <div align="justify"> Pelo que pude constatar em pequena enquete realizada no Twitter, essas questões foram pontuais e não afetaram todos os usários do Blogger/ Blogspot. Menos mal, né?</div> </span>

Problemas na moderação de comentários e nos gadgets

A semana foi rica para a Blogosfera , mas complicada para alguns usuários do Blogger. Duas funções importantes apresentaram instabilidades ...

Continue Lendo >>

Como excluir um blog do Blogger/Blogspot

<div align="justify"> Esta é uma pergunta mais comum do que podemos imaginar. Existem muitos usuários que criam um blog, depois desistem dele e não sabem como excluí-lo.</div> <div align="justify"> O processo para apagar um blog do Blogger /Blogspot é muito simples e intuitivo.</div> <div align="justify"> Para excluir definitivamente um blog do Blogger, devemos entrar no <strong>painel de controle</strong>, clicar em <strong>configurações</strong> e na<strong> aba básico</strong>, clicar em <strong>excluir blog</strong>. </div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaHf7oiJ2_hbOwv2fm3e21QsvpmqOQsExPFUNxLPnsRRZYH1gHa4irYJdM_v6MxzbaE2VHOfvlfIpZANrTvpgvwLAP6lMIbTmXxWesHvKApEiSo0NOup5wvA4DGrEQC0UR_fQ5BbmLtJ5T/s1600-h/Sem%20T%C3%ADtulo-1%5B7%5D.jpg"><img alt="" border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigWeNAeocEFMqZNKhNZRbxGalHESKLuQf0M243tUz1mr3toBMJByWwaB79TBavyjLE9dmU7MiuZT35KNjf3VXzGEkmN6wSpBnlUowRXsZItxyum3wh2QbmzTeyzSueJ5QBwdotDaCWNQFj/?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="432" /></a></span></div> <span id="fullpost"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4tu28-wGbTQ7BZ9Q0gy0RFL1Cl0rJN6bTqXW-noXH4wWjJh_s1IrH0nl0_iWfJaL6KoPIeWyIuKAJn6HyQhFpH7UMKp6ohyeQmR66ulex-q-eXF6fMiokQhuUaqDchlijWfVBMV1y-5Mo/s1600-h/Sem%20T%C3%ADtulo-2%5B7%5D.jpg"><img alt="" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiedkvAgGlv_yJYTMy1b4GNlafo6I4-511uO6zKUavCsynAzKdV2iDuVli5e_VKzG2QCh9ayQ7mzSdNxdXxcFpBXOBNcPcnvDFF1xXsrAxYS2LqPHV5iQUGkv8RdF9mO97PagOil7oomBPs/?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="432" /></a> <br /> <div align="justify"> O blog ainda estará disponível no painel por até 90 dias. Caso bata aquele arrependimento, acesse o blog deletado/ apagado/ excluído e clique em <strong>cancelar a exclusão deste blog</strong>.</div> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcUdBpXZWNZmLjnqHSXj3o_0GouyADXxsnghOyIiuEjtH-XYJmqOMi8EYGBwkl8nOydGSbKlTlYcLKZhPXZsPFE-WnCKBknGHu0TQEKuZNzXZXkV91rrY7LbfbWoJnYkqcqGCkM6ULAH1U/s1600-h/image_thumb%5B8%5D%5B7%5D.png"><img alt="" border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7_6ae4B2B-5tOB7lajQom-vhYiCc6m73p99dL-Ik71iJ7ywbC-cN3NvYCimxmPldIjJVrYJ1e4uf6IsMzU_FaNtZOFUjdNh8Gq2HNrkZil3xFmv-pYjQNb2uzWccQGIaW_biXcKQd6IB2/?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="430" /></a><br /> <div align="justify"> Aproveitando que você chegou até aqui, corra até o blog <strong>Usuário Compulsivo</strong> e aprenda a restaurar uma conta excluída no Twitter - <a href="http://usuariocompulsivo.blogspot.com/2010/01/como-restaurar-sua-conta-no-twitter.html">Como restaurar sua conta no Twitter</a>.</div> <div align="justify"> <br /></div> </span>

Como excluir um blog do Blogger/Blogspot

Esta é uma pergunta mais comum do que podemos imaginar. Existem muitos usuários que criam um blog, depois desistem dele e não sabem como ex...

Continue Lendo >>