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="http://lh4.ggpht.com/_EttevOw0KeE/S2SuklxplLI/AAAAAAAAIAg/pYYWkkbE38M/Sem%20t%C3%ADtulo%5B7%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="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="http://lh4.ggpht.com/_EttevOw0KeE/S2SumFTrlGI/AAAAAAAAIAk/RxoYNJuLiW4/s1600-h/Sem%20t%C3%ADtulo2%5B10%5D.jpg" target="_blank"><img alt="Pedido de ajuda" border="0" height="199" src="http://lh6.ggpht.com/_EttevOw0KeE/S2Suo_N2wuI/AAAAAAAAIAo/HiD7HhBkz_U/Sem%20t%C3%ADtulo2_thumb%5B10%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="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="http://lh3.ggpht.com/_EttevOw0KeE/S2RO4NiCt0I/AAAAAAAAIAI/etu7AorLFaA/s1600-h/image%5B30%5D.png"><img alt="" border="0" height="131" src="http://lh5.ggpht.com/_EttevOw0KeE/S2RO5evb17I/AAAAAAAAIAM/ge5KkS1TP8E/image_thumb%5B48%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 /> 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="http://lh4.ggpht.com/_EttevOw0KeE/S2RO6awa0aI/AAAAAAAAIAQ/mQbthcCfwuc/s1600-h/image%5B32%5D.png"><img alt="" border="0" height="105" src="http://lh6.ggpht.com/_EttevOw0KeE/S2RO7wHe7AI/AAAAAAAAIAU/Qz0iiAJtkI4/image_thumb%5B50%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 />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="http://lh6.ggpht.com/_EttevOw0KeE/S2RO8p2jkvI/AAAAAAAAIAY/-vlI9sdOuHo/s1600-h/image%5B33%5D.png"><img alt="" border="0" height="251" src="http://lh6.ggpht.com/_EttevOw0KeE/S2RO93L2J-I/AAAAAAAAIAc/xjwjPbVmXuU/image_thumb%5B51%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 /> 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="http://lh5.ggpht.com/_EttevOw0KeE/S18p1q_n3OI/AAAAAAAAH-o/J1IecBmcfS8/s1600-h/Sem%20T%C3%ADtulo-1%5B7%5D.jpg"><img alt="" border="0" height="106" src="http://lh4.ggpht.com/_EttevOw0KeE/S18p2kkuHKI/AAAAAAAAH-s/iTwCWiPM9Q4/Sem%20T%C3%ADtulo-1_thumb%5B5%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="" width="432" /></a></span></div> <span id="fullpost"> <a href="http://lh3.ggpht.com/_EttevOw0KeE/S18p4GmLJZI/AAAAAAAAH-w/oCwBZYcJ--s/s1600-h/Sem%20T%C3%ADtulo-2%5B7%5D.jpg"><img alt="" border="0" height="140" src="http://lh3.ggpht.com/_EttevOw0KeE/S18p5jxlUWI/AAAAAAAAH-0/eEPlF44fC4g/Sem%20T%C3%ADtulo-2_thumb%5B5%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="" 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="http://lh6.ggpht.com/_EttevOw0KeE/S18p6hMoa6I/AAAAAAAAH-4/UjTmq4o_Myw/s1600-h/image_thumb%5B8%5D%5B7%5D.png"><img alt="" border="0" height="80" src="http://lh4.ggpht.com/_EttevOw0KeE/S18p7vHGv-I/AAAAAAAAH-8/Dah8lyuLNzw/image_thumb%5B8%5D_thumb%5B5%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="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 >>

Como colocar várias nuvens de tags no Blogger

<div align="justify"> Vocês devem se lembrar que, desde agosto do ano passado, já podemos usar uma nuvem de tags usando  o <strong>gadget marcador</strong> do próprio Blogger, correto? Pois bem, ontem descobri que a coisa pode ser ainda melhor: é possível dividir as tags (ou marcadores) em várias nuvens, o que traz uma maior organização ao blog, principalmente para quem usa muitas tags ou escreve sobre diversos temas, como é o meu caso.</div> <ul> <li><a href="http://www.dicasblogger.com.br/2009/08/blogger-10-anos-nuvem-de-tags.html">Blogger 10 anos – nuvem de tags direto dos gadgets</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/01/como-inserir-marcadores-nos-posts.html">Como inserir marcadores nos posts</a></li> </ul> Aqui no Dicas Blogger resolvi colocar dois gadgets – um com marcadores diversos e outro só com os marcadores específicos para os usuários do Blogger. O processo é super simples.<br /> <span id="fullpost"> </span><br /> <span id="fullpost">Entre em layout>elementos de página>adicionar gadget e escolha <strong>marcadores</strong>.</span><br /> <span id="fullpost"> <a href="http://lh5.ggpht.com/_EttevOw0KeE/S18WMpQDqeI/AAAAAAAAH-I/9sby4Hng8Uo/s1600-h/Sem%20T%C3%ADtulo-1%5B6%5D.jpg"><img alt="" border="0" height="240" src="http://lh5.ggpht.com/_EttevOw0KeE/S18WOCAxSWI/AAAAAAAAH-M/qTxUEgBGLg4/Sem%20T%C3%ADtulo-1_thumb%5B4%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="" width="452" /></a><br /> <div align="justify"> Clique no símbolo <strong>+</strong> . Abrirá uma outra janela, que é a de configuração desse gadget. Marque as caixas: <strong>cloud</strong>, <strong>marcadores selecionados</strong> e clique em <strong>editar</strong>.</div> <a href="http://lh4.ggpht.com/_EttevOw0KeE/S18WPFeQW-I/AAAAAAAAH-Q/gXLwDyUAH28/s1600-h/Sem%20T%C3%ADtulo-2%5B6%5D.jpg"><img alt="" border="0" height="274" src="http://lh3.ggpht.com/_EttevOw0KeE/S18WQFaX5XI/AAAAAAAAH-U/eZEnBD9-m-8/Sem%20T%C3%ADtulo-2_thumb%5B4%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="" width="452" /></a><br /> Dê um nome ao gadget e selecione quais tags você deseja exibir na nova nuvem:<br /> <a href="http://lh3.ggpht.com/_EttevOw0KeE/S18WRWoetPI/AAAAAAAAH-Y/II4cVPt_FbU/s1600-h/image%5B14%5D.png"><img alt="" border="0" height="233" src="http://lh6.ggpht.com/_EttevOw0KeE/S18WS6FvNxI/AAAAAAAAH-c/EfkRkVwSSM0/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="" width="452" /></a>Clique em salvar e visualize. Repita o  processo para incluir outras nuvens de tags. <br /> <a href="http://lh5.ggpht.com/_EttevOw0KeE/S18WUisTJAI/AAAAAAAAH-g/QTAbScagH2g/s1600-h/teste%5B6%5D.jpg"><img alt="" border="0" height="238" src="http://lh4.ggpht.com/_EttevOw0KeE/S18WV0lNXiI/AAAAAAAAH-k/JAHHvxciKt0/teste_thumb%5B4%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="" width="452" /></a><br /> <div align="justify"> Caso você não queira mostrar o número de posts de cada marcador, desmarque a caixa <strong>mostrar o número de postagens por marcador</strong>. O mesmo procedimento funciona para listas de marcadores. Basta marcar a caixa <strong>lista</strong> durante a configuração do gadget.</div> <div align="justify"> Será que futuramente teremos um gadget somente  para os posts do Luan?</div> </span>

Como colocar várias nuvens de tags no Blogger

Vocês devem se lembrar que, desde agosto do ano passado, já podemos usar uma nuvem de tags usando  o gadget marcador do próprio Blogger, c...

Continue Lendo >>

Conhecendo as duas versões do Wordpress

<div align="justify"> Primeiramente quero agradecer à Juliana pelo convite e também o carinho que todos me deram nos comentários do <a href="http://www.dicasblogger.com.br/2010/01/wordpress-para-iniciantes.html">post que fui apresentado</a>. Já me sinto em casa. Como dito, estarei publicando sobre o Wordpress todos os meses. </div> <div align="justify"> O Wordpress é uma plataforma para blogs. Existem duas versões: a <b>wordpress.org</b> que tem mais liberdade de configurações e personalização; e a <b>wordpress.com</b> que é bem parecida com o <b>Blogger</b>, pois possui várias opções e temas pré-configurados.</div> <span id="fullpost"> </span><br /> <blockquote> <div align="justify"> <span id="fullpost"><b><a href="http://lh4.ggpht.com/_EttevOw0KeE/S14HFLxFTlI/AAAAAAAAH-A/C9B64LJN_GQ/s1600-h/wordpress_logo%5B14%5D.png"><img align="left" alt="wordpress_logo" border="0" height="196" src="http://lh5.ggpht.com/_EttevOw0KeE/S14HGQTJOdI/AAAAAAAAH-E/M70X4pJ-v18/wordpress_logo_thumb%5B10%5D.png?imgmax=800" style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="wordpress_logo" width="196" /></a>WordPress</b> é um <a href="http://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdo">sistema de gerenciamento de conteúdos</a> na <a href="http://pt.wikipedia.org/wiki/World_Wide_Web">web</a>, escrito em <a href="http://pt.wikipedia.org/wiki/PHP">PHP</a> e corrido em <a href="http://pt.wikipedia.org/wiki/MySQL">MySQL</a>, especialmente para a criação de blogs. WordPress foi criado a partir do já desaparecido b2/cafelog e é hoje, junto com o Movable Type, o mais popular na criação de <a href="http://pt.wikipedia.org/wiki/Weblog">Weblogs</a>. As causas do seu rápido crescimento são, entre outras, seu tipo de licença (de código aberto), sua facilidade de uso e suas características como gerenciador de conteúdos. Criado por Ryan Boren e Matthew Mullenweg, é distribuído sob a <a href="http://pt.wikipedia.org/wiki/GNU_General_Public_License">GNU General Public License</a> sendo gratuito. <b>Fonte:</b> <a href="http://pt.wikipedia.org/wiki/WordPress" target="_blank">Wikipedia</a> </span></div> </blockquote> <span id="fullpost"> <div align="justify"> <b>Vejam o que ambos possuem em comum:</b> </div> <div align="justify"> <ul> <li>Possuem o mesmo editor de postagens. </li> <li>Disponibilizam a opção de criar páginas. </li> <li>Pode-se criar categorias e tags normalmente. </li> <li>A desativação de pings/tackbacks e comentários é possível. </li> <li>Colocar ou não widgets na sidebar apenas com um clique. </li> <li>São compatíveis com o <a href="http://en.gravatar.com/" target="_blank">Gravatar</a>, que inclui o avatar personalizado nos comentários. </li> <li>Você pode alterar e moderar os comentários. </li> <li>Pode incluir novos cadastros em 4 categorias: Autor, Editor, Colaborador e Administrador. No Wordpress.org você encontrará mais uma: Assinante. </li> <li>Criar lista de links e enviar arquivos. </li> <li>Você pode agendar, editar e revisar posts. </li> </ul> </div> <h4> <b>Wordpress.org:</b></h4> <div align="justify"> <a href="http://br.wordpress.org/" title="http://br.wordpress.org/">http://br.wordpress.org/</a> </div> <div align="justify"> Possui uma liberdade muito grande de configuração e edição. Permite adicionar novos templates (themes) e novas ferramentas, os plugins. Para utilizá-lo você precisará de uma hospedagem (paga ou gratuita) e um domínio. Será o <b>principal foco</b> dos meus tutoriais (embora alguns poderão ser utilizado no Wordpress.com também).</div> <div align="justify"> <b>Ferramentas e opções disponibilizadas:</b> </div> <div align="justify"> <ul> <li>Implementar novas ferramentas com os plugins. </li> <li>Adicionar novos templates (temas ou themes). </li> <li>Personalizar as URL’s dos posts. </li> <li>Permite publicar postagens por e-mail. </li> <li>Alterar a página inicial à ser exibida, exibindo como página estática. </li> <li>Editar páginas, aparências e estilos dos templates/themas. </li> </ul> </div> <h4> <b>Wordpress.com:</b></h4> <div align="justify"> <a href="http://pt-br.wordpress.com/">http://pt-br.wordpress.com/</a> </div> <div align="justify"> Comparo o Wordpress.com com o Blogger. Qualquer um pode utilizar apenas fazendo um cadastro. Existe várias ferramentas pré-instaladas que você precisa apenas configurar, sem nenhum problema. A opção de instalar novos templates/themas é desativada, mas você tem uma lista com vários pré-instalados, você só precisa escolher ativar.</div> <div align="justify"> Você também não pode adicionar novas ferramentas com os plugins, tudo o que você precisa já está instalado: estatísticas, enquetes, avaliações dos posts, configurações de SEO (Google Webmaster Tools, Yahoo Site Explorer e Bing Webmaster Center).</div> <div align="justify"> O Wordpress.com possui um buscador que engloba todos os blogs nele cadastrados. Você tem a opção de desativar o acesso ou não, mas recomendo que deixe ativado, pois será mais uma forma de acharem o seu conteúdo.</div> <h4> <b>Tabela com algumas diferenças básicas:</b></h4> <table border="1" cellpadding="0" cellspacing="0"><tbody> <tr> <td style="text-align: center;" valign="top"><b>Ferramentas/Opções disponibilizadas:</b> </td> <td valign="top"><b>.ORG</b> </td> <td valign="top"><b>.COM</b> </td> </tr> <tr> <td colspan="3"><br /></td> </tr> <tr> <td valign="top">Instalação de novos themas e plugins. </td> <td style="text-align: center;" valign="top">X </td> <td style="text-align: center;" valign="top">- </td> </tr> <tr> <td valign="top">Personalização dos links/URL’s dos post, tags e categorias. </td> <td style="text-align: center;" valign="top">X </td> <td style="text-align: center;" valign="top">- </td> </tr> <tr> <td valign="top">Alteração dos links/URL’s nos posts. </td> <td style="text-align: center;" valign="top">X </td> <td style="text-align: center;" valign="top">X </td> </tr> <tr> <td valign="top">Desativar/ativar acesso dos buscadores</td> <td style="text-align: center;" valign="top">X</td> <td style="text-align: center;" valign="top">X</td> </tr> <tr> <td valign="top">Desativar os comentários</td> <td style="text-align: center;" valign="top">X</td> <td style="text-align: center;" valign="top">X</td> </tr> <tr> <td valign="top">Criar páginas personalizadas</td> <td style="text-align: center;" valign="top">X</td> <td style="text-align: center;" valign="top">X</td> </tr> </tbody></table> <h4> <strong>Qual devo utilizar?</strong></h4> <div align="justify"> Na minha opinião, recomendo o Wordpress.org. Devido a grande possibilidade de personalização e configuração. Os tutoriais são muitos mais amplos para ele do que para o Wordpress.com, as formas de personalização também são maiores. Com o Wordpress.org podemos fazer da imaginação o limite: configurar layouts da forma que queremos; adicionar ferramentas que tornarão a arte de blogar mais prazerosa; disponibilizar mais formas dos visitantes receber e explorar nosso conteúdo.</div> <div align="justify"> As principais diferenças foram apresentadas, agora a tarefa mais difícil será a sua: escolher qual dos dois utilizar. Com a minha coluna, irei ensinar a blogar com o Wordpress aos poucos, como dito no início, minhas postagens poderão ser utilizadas em ambos (mas serão voltados para o Wordpress.org). Acredito que você deva ter milhares de dúvidas, me prontifico a respondê-las: faça-as pelos comentários.</div> </span>

Conhecendo as duas versões do Wordpress

Primeiramente quero agradecer à Juliana pelo convite e também o carinho que todos me deram nos comentários do post que fui apresentado . Já...

Continue Lendo >>

Temas jurídicos para blogueiros

<div align="justify"> A querida <a href="http://www.twitter.com/anamagal" target="_blank">@anamagal</a> – jornalista e blogueira - me convidou para uma entrevista sobre plágio e direitos autorias. Apesar de já estar cansada desse tema, aceitei conceder a entrevista já que quanto mais pessoas estiverem bem informadas, melhor. Em parceria com  a advogada <a href="http://twitter.com/cecilia_tanaka" target="_blank">@cecilia_tanaka</a>, o trabalho da Ana será apresentado na <strong>Campus Party 2010</strong>.</div> <div align="justify"> A dupla contou também com a colaboração do Dr. <a href="http://www.leonardi.adv.br/blog/">Marcel Leonardi</a> que é advogado em São Paulo e professor do curso de pós-graduação GVLaw (FGV-SP). É bacharel, mestre e doutor pela Faculdade de Direito da USP e pós-doutor pela University of California at Berkeley, EUA. </div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost">É de suma importância que tomemos conhecimento das duas matérias, já que somos blogueiros e não estamos imunes à aplicabilidade de punições. Vejam o que o Dr. Marcel diz:</span></div> <span id="fullpost"> <blockquote> <div align="justify"> Para o <a href="http://www.oestadorj.com.br/?pg=noticia&id=4364&editoria=Pa%EDs#">advogado</a> Dr. Marcel Leonardi, a maior parte dos blogueiros comentem erros primários por não terem formação jornalística. "Dependendo da natureza do texto, o blogueiro comete erros comuns por falta de conhecimento de técnicas jornalísticas, tais como acusações diretas sem provas, utilização da imagem de alguém sem autorização, divulgação de informações sigilosas, e assim por diante", explica Leonardi.</div> </blockquote> <div align="justify"> O Dr. Marcel recomenda bom senso acima de tudo. Já eu sugiro uma assessoria jurídica sempre que vocês tiverem dúvidas quanto à publicação de posts mais polêmicos.</div> <div align="justify"> Com relação ao <strong>plágio</strong>, o Dr. Marcel enfatiza que podemos e devemos entrar com ações judiciais e até mesmo pedir indenizações (vou ficar rica :P):</div> <blockquote> <div align="justify"> De acordo com Dr. Marcel os blogueiros que tiveram suas criações autorais reproduzidas sem autorização ou citação, podem, e devem, ingressar com ações judiciais para remover o conteúdo dos web sites em que houve a publicação indevida, bem como exigir indenização, conforme o caso. Mas para isso ele terá que provar a autoria do conteúdo supostamente copiado. "Isso não é válido para conteúdos de blogs que usam o Creative Commons ou outras licenças que permitam a reprodução do conteúdo, valendo nesses casos os termos dessas licenças", finaliza.</div> </blockquote> <div align="justify"> Seguem os links para as duas reportagens que a Ana Magal fez para o <a href="http://www.oestadorj.com.br/" target="_blank">O Estado RJ online</a></div> <ul> <li><a href="http://www.oestadorj.com.br/?pg=noticia&id=4364&editoria=Pa%EDs" target="_blank">Blogueiros X Lei: quem está correto?</a> </li> <li><a href="http://www.oestadorj.com.br/?pg=noticia&id=4365&editoria=Pa%EDs" target="_blank">A Internet facilitou o plágio?</a></li> </ul> <div align="justify"> E para complementar a leitura, recomendo o post que a advogada Vivi escreveu para o Usuário Compulsivo - <a href="http://usuariocompulsivo.blogspot.com/2010/01/blogs-liberdade-de-expressao-e-justica.html">Blogs, Liberdade de Expressão e Justiça</a>. Não digam que não avisei ;)</div> <div align="justify"> Leiam também <a href="http://www.observatoriodaimprensa.com.br/artigos.asp?cod=298ENO001" target="_blank">Algumas noções de Direito para blogueiros</a>, dica da <a href="http://luzdeluma.blogspot.com/" target="_blank">Luma Rosa</a>.</div> <div align="justify"> <br /></div> <div align="justify"> <br /></div> </span>

Temas jurídicos para blogueiros

A querida @anamagal – jornalista e blogueira - me convidou para uma entrevista sobre plágio e direitos autorias. Apesar de já estar cansad...

Continue Lendo >>

Ajuda Blogger Blogspot

<div align="justify"> Este post tem como objetivo centralizar em um só local todas as formas de se obter ajuda e informações referentes à plataforma Blogger. A idéia surgiu hoje, quando eu estava visitando o fórum do Blogger e resolvi criar <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=02680895c2a9db06&hl=pt-BR" target="_blank">uma lista</a> para facilitar a vida de todos nós.</div> <div align="justify"> Há quem acredite que exista alguma rivalidade entre os metablogs nacionais. Se existe, eu nunca vi. O que há, em alguns casos, é uma competiçãozinha saudável onde o maior ganhador é você, usuário do Blogspot. Quanto mais e melhores informações, dicas e truques existirem na web, maior será a sua chance de ter um blog de qualidade. Pense nisso.</div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost"><strong>Principais metablogs, fóruns e blogs oficiais do Blogger (em ordem alfabética)</strong></span></div> <span id="fullpost"> <div align="justify"> <br /></div> <table border="0" cellpadding="2" cellspacing="0" style="width: 550px;"> <tbody> <tr> <td valign="top" width="275"><div align="justify"> <strong>Metablogs brasileiros </strong></div> <ul> <li> <div align="justify"> <a href="http://www.blogueirosnaweb.com/" target="_blank">Blogueiros na Web</a></div> </li> <li> <div align="justify"> <a href="http://www.bloggersphera.com/" target="_blank">BloggerSphera</a></div> </li> <li> <div align="justify"> <a href="http://www.codigosblog.com.br/" target="_blank">Códigos Blog</a></div> </li> <li> <div align="justify"> <a href="http://www.dicasblogger.com.br/" target="_blank">Dicas Blogger</a></div> </li> <li> <div align="justify"> <a href="http://dicasparablogs.com.br/" target="_blank">Dicas para blogs</a></div> </li> <li> <div align="justify"> <a href="http://ferramentasblog.com/" target="_blank">Ferramentas Blog</a></div> </li> <li> <div align="justify"> <a href="http://www.gerenciandoblog.com.br/" target="_blank">Gerenciando Blog</a></div> </li> <li> <div align="justify"> <a href="http://www.icebreaker.com.br/" target="_blank">Icebreaker</a></div> </li> <li> <div align="justify"> <a href="http://querocriarumblog.blogspot.com/" target="_blank">Quero criar um blog</a></div> </li> <li> <div align="justify"> <a href="http://www.sempreceito.com/" target="_blank">Sem Preceito</a></div> </li> <li> <div align="justify"> <a href="http://templatesparanovoblogger.blogspot.com/" target="_blank">Templates Novo Blogger</a></div> </li> <li> <div align="justify"> <a href="http://www.templatesparavoce.com/" target="_blank">Templates para você</a></div> </li> <li> <div align="justify"> <a href="http://usuariocompulsivo.blogspot.com/2008/05/todas-as-dicas-compulsivas-para-o.html" target="_blank">Usuário Compulsivo</a></div> </li> </ul> <div align="justify"> <a href="https://www.blogger.com/" target="_blank"><img alt="Página Inicial do Blogger" border="0" height="73" src="http://lh5.ggpht.com/_EttevOw0KeE/S1w1Iu4SI7I/AAAAAAAAH9w/fFa7gwBots4/265-blogger%20logo_thumb%5B3%5D%5B4%5D.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="Página Inicial do Blogger" width="240" /></a> </div> </td> <td valign="top" width="275"><strong>Metablogs estrangeiros</strong><br /> <ul> <li><a href="http://btemplates.com/" target="_blank">bTemplates</a> (templates) </li> <li><a href="http://www.bloggerbuster.com/" target="_blank">Blogger Buster</a> </li> <li><a href="http://elescaparatederosa.blogspot.com/" target="_blank">El Escaparate de Rosa</a> </li> <li><a href="http://gemablog-.blogspot.com/" target="_blank">Gema Blog</a> </li> <li><a href="http://humanossinsentido.blogspot.com/" target="_blank">Pizcos Blog</a> </li> <li><a href="http://vagabundia.blogspot.com/" target="_blank">Vagabundia</a></li> </ul> <strong>Ajuda oficial do Blogger</strong><br /> <ul> <li><a href="http://help.blogger.com/?hl=br" target="_blank">Artigos de ajuda</a> </li> <li><a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR" target="_blank">Fórum de ajuda</a></li> </ul> <strong>Blogs oficiais do Blogger</strong><br /> <ul> <li><a href="http://buzz.blogger.com/" target="_blank">Blogger Buzz</a> </li> <li><a href="http://bloggerindraft.blogspot.com/" target="_blank">Blogger In Draft</a> </li> <li><a href="http://blogger-status.blogspot.com/" target="_blank">Blogger Status</a> </li> <li><a href="http://knownissues.blogspot.com/" target="_blank">Known Issues for Blogger</a></li> </ul> </td></tr> </tbody></table> </span>

Ajuda Blogger Blogspot

Este post tem como objetivo centralizar em um só local todas as formas de se obter ajuda e informações referentes à plataforma Blogger. A i...

Continue Lendo >>

Blogger não dará mais suporte a FTP

<div align="justify"> O Blogger anunciou ontem que encerrará o suporte a blogs que utilizam FTP. Segundo explicações fornecidas no blog oficial <a href="http://buzz.blogger.com/2010/01/important-note-to-ftp-users.html" target="_blank">Blogger Buzz</a>, o motivo principal é que o uso do FTP por menos de 0.5% dos usuários dificulta a implantação de novas funções na plataforma.</div> <div align="justify"> Nosso amigo <a href="http://www.twitter.com/crazyseawolf" target="_blank">Cidão</a>, fez um <a href="http://crazyseawolf.blogspot.com/2010/01/polemica-decisao-do-blogger-adeus-ftp.html" target="_blank">post</a> e enviou ao <a href="http://twitter.com/crazyseawolf/status/8092348214" target="_blank">Twitter</a>, mas ele entendeu que o Blogger pararia de dar suporte aos domínios próprios, o que gerou grande apreensão em todos os envolvidos. Entretanto a mudança <strong>NÃO AFETARÁ os blogs com domínios personalizados</strong>. </div> <span id="fullpost"> </span><br /> <blockquote> <span id="fullpost">FTP é o método de publicação que o Blogger usa para transferir os arquivos do blog para servidores remotos. Você só precisa se preocupar com isso se estiver publicando no seu próprio site. Se estiver usando a nossa hospedagem gratuita no BlogSpot, a publicação será feita automaticamente. O Blogger trabalha com FTP passivo e SFTP (FTP seguro), mas não com FTP ativo. Se o seu provedor de hospedagem suportar somente FTP ativo, você pode solicitar que ativem uma das outras duas versões, para poder trabalhar com o Blogger. <strong>Fonte:</strong> <a href="http://www.google.com/support/blogger/bin/answer.py?hl=br&answer=41407" target="_blank">Ajuda do Blogger</a> (via @<a href="http://www.twitter.com/teilor" target="_blank">Teilor</a>)</span></blockquote> <span id="fullpost"> <div align="justify"> Gostaria de salientar que é absolutamente natural que um usuário do Blogger não saiba o que é FTP, já que não precisamos aprender essas coisas para ter um blog hospedado no blogspot. São termos empregados na criação de sites ou blogs que utilizam de um host independente, o que não é o nosso caso, já que usamos os servidores do próprio Google e com uma plataforma de blogagem que possui uma interface amigável e intuitiva. (<a href="http://usuariocompulsivo.blogspot.com/2010/01/novos-recursos-liberados-no-blogger.html" target="_blank">CW</a><b>™</b>)</div> </span>

Blogger não dará mais suporte a FTP

O Blogger anunciou ontem que encerrará o suporte a blogs que utilizam FTP. Segundo explicações fornecidas no blog oficial Blogger Buzz , o ...

Continue Lendo >>

Wordpress para iniciantes

<div align="justify"> Apesar do nome e do foco, a partir de agora o Dicas Blogger irá contar com uma coluna mensal sobre a plataforma Wordpress. E, para tanto, convidei o jovem Luan Felipe (<a href="http://www.twitter.com/luanfr" target="_blank">@luanfr</a>), autor do blog <a href="http://www.sempreceito.com/" target="_blank">Sem Preceito</a> para integrar a equipe do Dicas Blogger. </div> <div align="justify"> O Luan tem se revelado um promissor metablogger. Está com 16 anos de idade e mora no Paraná. Recentemente migrou do Blogger para o Wordpress (com hospedagem própria) e irá compartilhar suas experiências conosco. Vamos dar as boas-vindas ao Luan Felipe? </div>

Wordpress para iniciantes

Apesar do nome e do foco, a partir de agora o Dicas Blogger irá contar com uma coluna mensal sobre a plataforma Wordpress. E, para tanto, c...

Continue Lendo >>

O que é Midia Kit e como criar um para o seu blog

<div align="justify">Antigamente, a <a href="http://pt.wikipedia.org/wiki/Publicidade" target="_blank">publicidade</a> era veiculada principalmente na mídia tradicional – jornais, revistas, rádio e TV. Com o advento da internet, a publicidade passou a aparecer nos grandes portais e, recentemente, descobriram o potencial das redes sociais - em especial os blogs.</div> <div align="justify">Durante muito tempo nós ficamos presos aos programas de afiliados - <a href="http://www.dicasblogger.com.br/2009/07/como-ganhar-dinheiro-com-blogs.html">Como ganhar dinheiro com blogs</a> – para monetizar nosso blog. Entretanto, hoje em dia e tendo um bom número de visitações e/ou destaque em determinado nicho, já dá para pensar um pouco mais além.</div> <span id="fullpost"></span> <br /> <div align="justify"><span id="fullpost">Um dos problemas enfrentados pelos pioneiros em monetização de blogs foi o fato de não sermos da área. Sim, existem termos ou jargões publicitários que pode parecer grego pra os demais mortais. Claro que o Google pode nos ajudar - <a href="http://www.dicionariopublicitario.net/m.php" target="_blank">Dicionário Publicitário Online</a>. </span></div> <span id="fullpost"> <div align="justify"><a href="http://lh6.ggpht.com/_EttevOw0KeE/S1h6gKb9jXI/AAAAAAAAH9Q/GyCY0j7JiK0/s1600-h/vitrine-da-chanel-foto-wg%5B7%5D.jpg"><img alt="" border="0" height="240" src="http://lh6.ggpht.com/_EttevOw0KeE/S1h6hW10OVI/AAAAAAAAH9U/8AKQyXaYYJA/vitrine-da-chanel-foto-wg_thumb%5B9%5D.jpg?imgmax=800" style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="" width="450" /></a></div> <div align="justify">Um recurso essencial para atrair anunciantes para um site/blog é o <strong>Midia Kit</strong> ou Kit de Mídia ou <a href="http://en.wikipedia.org/wiki/Media_kit" target="_blank">Media Kit</a> – como preferir. O <strong>Midia Kit</strong> funciona como uma <strong>vitrine</strong>, onde colocamos algumas características atraentes do blog e os preços das peças publicitárias.</div> <div align="justify"><strong>Como criar um Midia Kit?</strong> </div> <div align="justify">Existem várias formas para a criação de um Midia Kit. Uns utilizam PDF, outros usam o Google Docs e há quem prefira criar uma página estática dentro do próprio blog. Testei as 3 opções e fiquei com a última por ser mais simples de atualizar.</div> <strong>O que não pode faltar no MidiaKit</strong> <br /> <ul> <li>Uma boa introdução, com algumas premiações e/ou rankings do blog; </li> <li>Dados estatísticos mensais, de preferência em tempo real; </li> <li>Uma explicação simples do porque anunciar em blogs; </li> <li>Perfil dos leitores, que pode ser aferido através de enquete; </li> <li>Custo das peças publicitárias; </li> <li>Layout do blog com posicionamento dos anúncios; </li> <li>Formulário de Contato ; </li> <li>Links para as principais redes sociais (opcional)</li> </ul> <strong>Posts que irão te ajudar a montar seu MidiaKit</strong> <br /> <ul> <li><a href="http://www.dicasblogger.com.br/2009/05/como-criar-pdf-no-google-docs.html">Como criar arquivos em PDF no Google Docs</a> </li> <li><a href="http://www.dicasblogger.com.br/2010/01/paginas-estaticas-no-bloggerblogspot.html">Páginas estáticas no Blogger/Blogspot</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/05/screenshots-de-paginas-web.html">Screenshots de páginas web</a> </li> <li><a href="http://www.dicasblogger.com.br/2009/02/wufoo-formulario-de-contato-blogger.html">Formulário de contato para o Blogger</a> </li> <li><a href="http://www.dicasblogger.com.br/2008/10/criando-formularios-no-google-docs.html" target="_blank">Criando formulário de pesquisa no Google Docs</a> </li> <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/2009/07/quanto-cobrar-por-anuncios-em-blogs.html">Como e quanto cobrar por anúncios em blogs</a></li> </ul> <strong>Modelos de Midiakits</strong> <br />Só não vale copiar. Seja criativo! <br /> <ul> <li><a href="http://usuariocompulsivo.blogspot.com/2006/04/anuncie.html">Usuário Compulsivo</a> (página estática + <a href="http://compulsivo.com.br/download/MediaKit-Compulsivo.zip" target="_blank">pdf</a> ) </li> <li><a href="http://www.contraditorium.com/media/mk.pdf" target="_blank">Contraditorium</a> (arquivo em pdf) </li> <li><a href="http://www.dicasblogger.com.br/p/anuncie.html" target="_blank">Dicas blogger</a> (página estática) </li> <li><a href="http://blog.bytequeeugosto.com.br/wp-content/uploads/2009/06/mk_bqeg.pdf" target="_blank">Byte que eu gosto</a> (pdf) </li> <li><a href="http://dinheirama.com/anuncie/" target="_blank">Dinheirama</a> (página + pdf) </li> <li><a href="http://googlediscovery.com/anuncie/" target="_blank">Google Discovery</a> (página + slide + pdf) </li> <li><a href="http://bobagento.com/anuncie/" target="_blank">Bobagento</a> (página estática) </li> <li><a href="http://www.sedentario.org/midia/" target="_blank">Sedentário e Hiperativo</a> (página)</li> </ul> Modelos de jornais e portais: <br /> <ul> <li><a href="http://veja.abril.com.br/idade/publiabril/midiakit/index.shtml" target="_blank">Veja</a> </li> <li><a href="http://www.grupoestado.com.br/midiakit/estadao/index.asp?Fuseaction=Mkit" target="_blank">Estadão</a> </li> <li><a href="http://www.midiakitcontigo.com.br/canais.html" target="_blank">Contigo</a> </li> <li><a href="http://publicidade.uol.com.br/" target="_blank">Uol</a> </li> <li><a href="http://publicidade.folha.com.br/" target="_blank">Folha de São Paulo</a></li> </ul> <div align="justify">Você deve colocar o link do seu Midia Kit em destaque no blog. Alguns optam por usar alguma frase ou palavra de efeito, tais como <strong>anuncie aqui</strong>, <strong>anuncie</strong> ou mesmo <strong>MidiaKit</strong>.</div> <div align="justify">Não existe uma época “mais adequada” para criar um Midia Kit. Já vi blogs com pouca visitação, mas com um público fiel, receberem boas propostas de publicidade. Mãos à obra!</div> </span> <div class="blogger-post-footer">....... <p>Este artigo pertence ao <a href="http://www.dicasblogger.com.br/">Dicas Blogger</a>.Todos os direitos reservados. </p> <p>É proibido copiar, reproduzir e/ou distribuir os artigos deste blog. Verifique a <a href="http://www.dicasblogger.com.br/p/licenca.html">licença</a>.</p> </div>

O que é Midia Kit e como criar um para o seu blog

Antigamente, a publicidade era veiculada principalmente na mídia tradicional – jornais, revistas, rádio e TV. Com o advento da internet, a ...

Continue Lendo >>

Como salvar widgets automaticamente no Blogger

<div align="justify"> A outra nova função, mais esperada ainda do que as páginas estáticas, é a possibilidade de salvar os widgets AUTOMATICAMENTE durante a troca de template \o/. Até então era uma luta: salvar todos os códigos no bloco de notas>trocar template>inserir um por um.</div> <div align="justify"> Agora basta escolher um lindo template, fazer o upload e clicar em <strong>manter widgets:</strong></div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost"><a href="http://lh5.ggpht.com/_EttevOw0KeE/S1ghihhStTI/AAAAAAAAH9A/kJRGkkldpoU/s1600-h/image%5B8%5D.png"><img alt="" border="0" height="206" src="http://lh6.ggpht.com/_EttevOw0KeE/S1ghkPbx1pI/AAAAAAAAH9E/54SyuWF6_q4/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="" width="452" /></a></span></div> <span id="fullpost"> Um sonho, não? Mas é a mais pura realidade! Faça o teste agora mesmo e comemore!<br /> <strong>Fonte:</strong> Li a notícia no blog <a href="http://www.bloggersphera.com/2010/01/salvar-os-widgets-do-blogger.html" target="_blank">BloggerSphera</a></span>

Como salvar widgets automaticamente no Blogger

A outra nova função, mais esperada ainda do que as páginas estáticas, é a possibilidade de salvar os widgets AUTOMATICAMENTE durante a troc...

Continue Lendo >>

Páginas estáticas no Blogger/Blogspot

<div align="justify"> Temos duas ótimas novidades para os usuários do Blogger/Blogspot! A primeira é a tão aguardada função de páginas estáticas. Esse recurso serve para implantar páginas fixas no blog, tais como <strong>contato</strong>, <strong>about</strong>,<strong> midia kit</strong>, <strong>parcerias</strong> e etc. São páginas que aparecem sem a data e sem o rodapé. Vejam os exemplos aqui na nossa linkbar.</div> <div align="justify"> Até então, nós precisávamos recorrer a uma série de gambiarras para criarmos páginas estáticas no Blogger. No ano passado cheguei a ensinar uma delas - <a href="http://www.dicasblogger.com.br/2009/01/paginas-estaticas-no-blogger-sem-data.html">Páginas estáticas no Blogger sem data</a>, mas confesso que o máximo que dava para fazer era esconder a data. Para retirar o rodapé, nome do autor, ícones e etc, era preciso usar CSS – algo complicado demais para explicar em alguns posts e que varia muito de template para template.</div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost">Ontem o Blogger, finalmente, <a href="http://bloggerindraft.blogspot.com/2010/01/pages-come-to-blogger-in-draft.html" target="_blank">nos presenteou</a> com uma forma bem mais simples de implementação de páginas estáticas. Por enquanto o recurso está disponível somente na página de testes <a href="http://draft.blogger.com/" target="_blank">Blogger In Draft</a>. Vamos aprender como usá-lo?</span></div> <span id="fullpost"> <div align="justify"> Acesse o painel de controle do Blogger In Draft e clique em <strong>editar postagens</strong>; você será direcionado para uma outra página. Clique agora em <strong>editar páginas</strong>:</div> <div align="justify"> <a href="http://lh4.ggpht.com/_EttevOw0KeE/S1gfKHdDuqI/AAAAAAAAH8I/qjDV3Ug8ThU/s1600-h/p%C3%A1ginas%20est%C3%A1ticas%5B6%5D.jpg"><img alt="Editar páginas" border="0" height="216" src="http://lh4.ggpht.com/_EttevOw0KeE/S1gfLWPCESI/AAAAAAAAH8M/D0uzaJIdftk/p%C3%A1ginas%20est%C3%A1ticas_thumb%5B4%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="Editar páginas" width="452" /></a> </div> <div align="justify"> Clique em <strong>NOVA</strong> <strong>PÁGINA</strong> para criar sua primeira página estática:</div> <div align="justify"> <a href="http://lh4.ggpht.com/_EttevOw0KeE/S1gfMayiWDI/AAAAAAAAH8Q/-Tfr1KGW17E/s1600-h/image%5B47%5D.png"><img alt="Nova página" border="0" height="188" src="http://lh5.ggpht.com/_EttevOw0KeE/S1gfNgwyDUI/AAAAAAAAH8U/_zB4NZA0Sh8/image_thumb%5B59%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="Nova página" width="452" /></a>Aparacerá o editor de textos do Blogger para que você possa escrever seu post: </div> <div align="justify"> <a href="http://lh5.ggpht.com/_EttevOw0KeE/S1gfPDWYaCI/AAAAAAAAH8Y/dTAkCmovFC0/s1600-h/image%5B48%5D.png"><img alt="Criando o post" border="0" height="234" src="http://lh4.ggpht.com/_EttevOw0KeE/S1gfQeDugpI/AAAAAAAAH8c/BQxYJ7D9jWI/image_thumb%5B60%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="Criando o post" width="452" /></a></div> Configure se será permitido comentários e depois escolha <strong>publicar página</strong>. Você será questionado onde deseja incluir a nova página:<br /> <a href="http://lh5.ggpht.com/_EttevOw0KeE/S1gfRSkfRgI/AAAAAAAAH8g/85uzl9yQF9g/s1600-h/image%5B49%5D.png"><img alt="Publicando" border="0" height="238" src="http://lh3.ggpht.com/_EttevOw0KeE/S1gfSv_stYI/AAAAAAAAH8k/uZ9UYfnN8GA/image_thumb%5B61%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="Publicando" width="452" /></a>Escolha <strong>nenhum gadget</strong> e clique em <strong>salvar e publicar</strong> para visualizar a nova página.<br /> <div align="justify"> <a href="http://lh5.ggpht.com/_EttevOw0KeE/S1gfTZvjWpI/AAAAAAAAH8o/EUCAv0lEwXg/s1600-h/image%5B50%5D.png"><img alt="Resultado" border="0" height="212" src="http://lh3.ggpht.com/_EttevOw0KeE/S1gfVKuqIbI/AAAAAAAAH8s/4kUkWDAvoh0/image_thumb%5B62%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="Resultado" width="452" /></a> No nosso exemplo, os ícones do rodapé (post footer) ficaram aparecendo, bem como os artigos relacionados. E agora? Vamos ter que apelar para os códigos :D</div> <div align="justify"> Esta dica serve para os templates do DB, mas basta fazer uma adaptação para outros templates: cole o seguinte código ao final do seus post, em <strong>editar html</strong>:</div> <blockquote> <style type="text/css">.post-footer-line{display: none;}.post-footer{display: none;} </style></blockquote> Prontinho, sua página estática estará criada e armazenada no painel do Blogger:<br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/S1gfWsR7olI/AAAAAAAAH8w/q5dkp1J-LGc/s1600-h/image%5B51%5D.png"><img alt="Páginas estáticas" border="0" height="236" src="http://lh5.ggpht.com/_EttevOw0KeE/S1gfXj2ym0I/AAAAAAAAH80/glC6NOfwVak/image_thumb%5B63%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="Páginas estáticas" width="452" /></a><br /> Você ainda pode exibir suas páginas na sidebar. Vá em layout>adicionar gadget> páginas:<br /> <a href="http://lh6.ggpht.com/_EttevOw0KeE/S1gfY786TaI/AAAAAAAAH84/p281yT-ckuw/s1600-h/gadget%20p%C3%A1ginas%5B10%5D.jpg"><img alt="gadget páginas" border="0" height="191" src="http://lh5.ggpht.com/_EttevOw0KeE/S1gfaAGwpCI/AAAAAAAAH88/tmI6uA6f5VI/gadget%20p%C3%A1ginas_thumb%5B8%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="gadget páginas" width="452" /></a><br /> No próximo post informarei a outra novidade, que já foi anunciada no Twitter ;)<br /> Outros blogs que postaram sobre as páginas estáticas:<br /> <ul> <li><a href="http://www.sempreceito.com/2010/01/colocando-paginas-estaticas-no-blogger.html?utm_source=feedburner&utm_medium=twitter&utm_campaign=Feed%3A+sempreceito+%28Sem+Preceito%29" target="_blank">Colocando páginas estáticas no Blogger</a> – Sem Preceito </li> <li><a href="http://crazyseawolf.blogspot.com/2010/01/paginas-estaticas-no-blogger-finalmente.html">Páginas estáticas no Blogger, finalmente!</a> – Crazyseawolf’s Blog </li> <li><a href="http://www.ferramentasblog.com/2010/01/como-criar-paginas-estaticas-padroes-do.html">Como criar Páginas Estáticas padrões do Blogger – novidade</a>  - Ferramentas Blog</li> </ul> <div align="justify"> <strong>ATUALIZAÇÕES:</strong></div> <div align="justify"> <strong>14:45 –</strong> a alegria durou pouco, pois por algum motivo ainda desconhecido, o recurso “editar páginas” não está mais aparecendo no Blogger in Draft. </div> <div align="justify"> <strong>15:30 -</strong> pronunciamento oficial no Twitter - <a href="http://twitter.com/Blogger/status/8033601318">http://twitter.com/Blogger/status/8033601318</a></div> <div align="justify"> <strong>22/01/2009-</strong> <a href="http://twitter.com/Blogger/statuses/8058465674" target="_blank">Problema corrigido</a>. As páginas estáticas estão de volta.</div> <div align="justify"> <br /></div> </span>

Páginas estáticas no Blogger/Blogspot

Temos duas ótimas novidades para os usuários do Blogger/Blogspot! A primeira é a tão aguardada função de páginas estáticas. Esse recurso se...

Continue Lendo >>

Como mandar DMs em massa no Twitter

<div align="justify"> Caso você precise enviar DMs (direct messages) para vários seguidores ao mesmo tempo, basta acessar o site <a href="http://tweetguru.net/">http://tweetguru.net/</a>. O procedimento é muito simples e o serviço usa a tecnologia <a href="http://en.wikipedia.org/wiki/OAuth">oAuth</a> de autenticação segura. Clique em <a href="http://tweetguru.net/multi/" target="_blank">Multi DM</a> e autorize o acesso à sua conta do Twitter, logando e clicando em <strong>allow. </strong>Depois escolha <strong>até 12 amigos</strong> por vez para receberem a sua mensagem, escreva o texto e clique em <strong>sent multi DM</strong>.</div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost"><a href="http://lh3.ggpht.com/_EttevOw0KeE/S1S5IewtDeI/AAAAAAAAH74/IPgkD5QE8Gc/s1600-h/image%5B7%5D.png"><img alt="" border="0" height="267" src="http://lh3.ggpht.com/_EttevOw0KeE/S1S5JWHRV-I/AAAAAAAAH78/IzC7nR4EdhE/image_thumb%5B10%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> </span></div> <span id="fullpost"> <div align="justify"> <strong>Jamais utilize essa dica como forma de enviar SPAM. </strong>É apenas uma maneira mais simples e rápida de avisar algo importante a um maior número de pessoas. #ficaadica</div> <strong>Fontes da informação:</strong><a href="http://twitter.com/pizcos">@pizcos</a> e <a href="http://todotwitter.blogspot.com/2010/01/tweetguru-envio-masivo-de-dms-en.html" target="_blank">Todo Twitter</a><br /> <div align="justify"> <br /></div> </span>

Como mandar DMs em massa no Twitter

Caso você precise enviar DMs (direct messages) para vários seguidores ao mesmo tempo, basta acessar o site http://tweetguru.net/ . O proced...

Continue Lendo >>

Como colocar videos do YouTube no Blogger

<div align="justify"> Muitos usuários novatos do Blogger/Blogspot andam relatando dificuldades para colocar vídeos em suas postagens, principalmente os do popular YouTube.</div> <div align="justify"> O editor de posts antigo do Blogger, já fornece uma opção de inserir vídeos apenas clicando em um ícone, mas nem sempre funciona, levando aos <strong>erros Bx.</strong> Já no novo editor, essa opção foi até abolida e acredito que o motivo foi justamente porque existe uma forma bem mais simples e eficiente de postar vídeos no Blogger ou em qualquer outra plataforma.</div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost">A melhor forma de  inserir um vídeo do YouTube ou de outros serviços semelhantes, dentro de um post do Blogger/Blogspot, é incorporando-o na postagem. Escolha um vídeo, clique no botão <strong>incorporar </strong>(1), configure o layout (2), o tamanho (3) e copie o código fornecido (4)<a href="http://lh4.ggpht.com/_EttevOw0KeE/S8R1DqoNQtI/AAAAAAAAIr0/PzKDyTSciVg/s1600-h/youtube_blogger%5B8%5D.jpg"><img alt="youtube_blogger" border="0" height="333" src="http://lh5.ggpht.com/_EttevOw0KeE/S8R1FK90BBI/AAAAAAAAIr4/13_UIfsvky0/youtube_blogger_thumb%5B6%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="youtube_blogger" width="502" /></a> Crie a sua postagem, clique em <strong>editar html</strong> e cole o código que você acabou de copiar</span></div> <span id="fullpost"> <a href="http://lh4.ggpht.com/_EttevOw0KeE/S0cBjTvrFtI/AAAAAAAAH0U/AWgWqcv8UG4/s1600-h/image%5B8%5D.png"><img alt="incorporando o código" border="0" height="242" src="http://lh4.ggpht.com/_EttevOw0KeE/S0cBkbRT-nI/AAAAAAAAH0Y/iND9fzfIjrc/image_thumb%5B10%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="incorporando o código" width="502" /></a><br /> <div align="justify"> Escreva seu post antes ou depois do código, visualize e clique no botão <strong>publicar</strong>.</div> <div align="justify"> Este método pode ser usado também em outras plataformas de blogagem (Wordpress,Uol e etc), no Windows Live Writer e em outros serviços de vídeo #ficadica</div> <div align="justify"> Antes de colocarem um vídeo em seus posts, verifiquem sempre se ele não está protegido por direitos autorais - <a href="http://www.dicasblogger.com.br/2009/04/reflexoes-sobre-plagio-e-direitos.html">Reflexões sobre plágio e direitos autorais</a></div> </span>

Como colocar videos do YouTube no Blogger

Muitos usuários novatos do Blogger/Blogspot andam relatando dificuldades para colocar vídeos em suas postagens, principalmente os do popula...

Continue Lendo >>

O que é hotlink e como evitar

<div align="justify"> Tenho observado que blogueiros iniciantes costumam praticar <strong>hotlink</strong> com certa frequência e, na maioria das vezes, é por pura ingenuidade.</div> <div align="justify"> O <strong>hotlink </strong>acontece quando alguém coloca em seu site ou blog, uma imagem que encontrou na internet sem antes hospedá-la em outro local. A maioria dos sites paga por um serviço de hospedagem, com taxas limitadas de transferência mensal de dados. Quando pegamos uma imagem do site X e colocamos em nosso blog, isso fará com que haja um maior consumo de banda do site, que terá que pagar pelo valor excedente.</div> <span id="fullpost"> </span><br /> <div align="justify"> <span id="fullpost"><a href="http://lh5.ggpht.com/_EttevOw0KeE/S0YvEtVwAbI/AAAAAAAAHwQ/e_rMjVsSpDo/s1600-h/image%5B9%5D.png"><img align="left" alt="image" border="0" height="68" src="http://lh5.ggpht.com/_EttevOw0KeE/S0YvF8hLazI/AAAAAAAAHwU/wY868VRl0ng/image_thumb%5B5%5D.png?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="image" width="68" /></a>Donos de sites ou de blogs com hospedagem,geralmente optam por substituir essas imagens que foram, digamos, <em>hotlinkadas,</em> por outras que avisam do hotlink ou até mesmo por imagens de pornografia, para <strike>sacanear</strike> envergonhar a pessoa que cometeu o hotlink. Ou seja, no local onde haveria uma linda imagem, poderá aparecer outra como esta aí do lado esquerdo. Feia, né?</span></div> <span id="fullpost"> <div align="justify"> Vejamos outras duas definições para o Hotlink:</div> <blockquote> Hotlink é o que você faz quando você linka uma imagem que esta hospedada em outro blog, fazendo que ela apareça no seu blog. <br /> Isso é errado, pois consome banda que o dono blog tem que pagar. Você faz hotlink, e a outra pessoa paga um custo. Você está roubando banda, e isso é errado! (..)<br /> Ao fazer hotlink, você se arrisca a que o dono da imagem a troque por outra, e você nunca sabe o que pode aparecer no seu blog – ele pode colocar uma imagem pornográfica, por exemplo. Então, guarde as imagens no seu espaço. <br /> <strong>Fonte:</strong> <a href="http://blosque.com/2008/06/esta-comecando-um-blog-descubra-aqui-o-que-voce-nao-deve-fazer.html" target="_blank">Blosque</a> - <a href="http://blosque.com/2008/06/esta-comecando-um-blog-descubra-aqui-o-que-voce-nao-deve-fazer.html">Está Começando Um Blog? Descubra Aqui O Que Você Não Deve Fazer</a></blockquote> <blockquote> <div align="justify"> <strong>Hotlink</strong> é um termo utilizado para designar um link direto de uma imagem ou som de um site para outro. Funciona da seguinte forma: para manter um site na internet o proprietário paga uma mensalidade. No valor pago mensalmente está incluído o serviço de hospedagem dos arquivos em um servidor e uma taxa de transferência, chamada de <strong>"BANDA"</strong>. Sempre que alguém carrega uma página, arquivo, imagem ou mesmo uma música do site, gasta "banda". Esta banda normalmente é limitada, e se toda a taxa de transferência mensal for usada antes do tempo, o site pode ficar “fora do ar”. </div> <div align="justify"> <strong>Fonte: </strong><a href="http://www.vivavidacomjesus.com/webmastercristao/oqueehotlink.htm" target="_blank">Webmaster Cristão</a></div> </blockquote> <div align="justify"> Para <strong>evitar o hotlink,</strong> opte sempre por adicionar nos seus post imagens salvas no seu computador. Antes de mais nada, é importante lembrar que  existem dois modelos de editor de textos para os usuários do Blogspot – o antigo e o atualizado. Para escolher uma das duas opções, você deve acessar o <strong>painel do Blogger</strong>, clicar no link <strong>configurações</strong> e, na aba <strong>básico</strong>, deverá procurar por <strong>configurações globais</strong>  Vejam os dois modelos:</div> <table border="0" cellpadding="2" cellspacing="0" style="width: 550px;"> <tbody> <tr> <td valign="top" width="275"><a href="http://lh6.ggpht.com/_EttevOw0KeE/S0YgmlXxaxI/AAAAAAAAHyo/TdUXyYyuZKI/s1600-h/image7%5B3%5D.png"><img alt="editor antigo" border="0" height="167" src="http://lh4.ggpht.com/_EttevOw0KeE/S0YgomX3WpI/AAAAAAAAHyw/XiAMsJOFqic/image7_thumb%5B2%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="editor antigo" width="218" /></a> </td> <td valign="top" width="275"><a href="http://lh3.ggpht.com/_EttevOw0KeE/S0YgqDBswgI/AAAAAAAAHy4/SRXKqQnswTk/s1600-h/image4%5B3%5D.png"><img alt="editor novo" border="0" height="167" src="http://lh5.ggpht.com/_EttevOw0KeE/S0YgrOaeyrI/AAAAAAAAHzA/tY5e7jS8ECc/image4_thumb%5B2%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="editor novo" width="242" /></a> </td></tr> </tbody></table> Para colocar uma imagem dentro do post, basta clicar no seguinte ícone:<br /> <table border="0" cellpadding="2" cellspacing="0" style="width: 550px;"> <tbody> <tr> <td valign="top" width="275"><a href="http://lh4.ggpht.com/_EttevOw0KeE/S0YgsTPM3jI/AAAAAAAAHzE/VK8KZPlosy0/s1600-h/image15%5B3%5D.png"><img alt="inserir imagem no editor antigo" border="0" height="94" src="http://lh3.ggpht.com/_EttevOw0KeE/S0YgtXc3zRI/AAAAAAAAHzM/av1GLGkVeb8/image15_thumb%5B2%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="inserir imagem no editor antigo" width="242" /></a></td> <td valign="top" width="275"><a href="http://lh6.ggpht.com/_EttevOw0KeE/S0YjFEyTnkI/AAAAAAAAHzQ/R04mW9gkzyQ/s1600-h/image24%5B3%5D.png"><img alt="inserir imagem no novo editor" border="0" height="95" src="http://lh3.ggpht.com/_EttevOw0KeE/S0YjF7KJuTI/AAAAAAAAHzc/8gHT29cGbro/image24_thumb%5B2%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="inserir imagem no novo editor" width="242" /></a></td></tr> </tbody></table> Logo após, abrirá uma nova janela para enviar a imagem:<br /> <table border="0" cellpadding="2" cellspacing="0" style="width: 550px;"> <tbody> <tr> <td valign="top" width="275"><a href="http://lh4.ggpht.com/_EttevOw0KeE/S0YjHRrEY8I/AAAAAAAAHzo/FNbsDqotIBs/s1600-h/image30%5B3%5D.png"><img alt="upload com editor antigo" border="0" height="142" src="http://lh5.ggpht.com/_EttevOw0KeE/S0YjIZy5Y-I/AAAAAAAAHzw/XGdDj8_Z6QA/image30_thumb%5B2%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="upload com editor antigo" width="242" /></a> </td> <td valign="top" width="275"><a href="http://lh6.ggpht.com/_EttevOw0KeE/S0YjJbzaplI/AAAAAAAAHz4/JnvmH4eqW2I/s1600-h/image33%5B4%5D.png"><img alt="upload com editor novo" border="0" height="142" src="http://lh3.ggpht.com/_EttevOw0KeE/S0YjKfTjCKI/AAAAAAAAH0A/4iJ23SgLo94/image33_thumb%5B3%5D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="upload com editor novo" width="242" /></a> </td></tr> </tbody></table> <div align="justify"> Daí aparecerão as duas opções: buscar as imagens dentro do nosso computador ou adicionar uma imagem da web. Só use a segunda opção se a imagem estiver em alguma <strong>conta sua</strong>, tipo Picasa, ImageShack, Photobucket e afins. Caso contrário, você estará praticando hotlink.</div> <div align="justify"> E se você usa Wordpress com hospedagem, talvez isto te interesse :</div> <ul> <li> <div align="justify"> <a href="http://www.leocabral.com/o-que-e-um-hotlink-e-como-bloquear/" target="_blank">O que é um Hotlink e como bloquear</a></div> </li> <li><a href="http://www.winnext.com.br/o-que-hotlink-e-como-impedir-que-faam-isso-com-voc">O que é hotlink e como impedir que façam isso com você</a></li> </ul> </span>

O que é hotlink e como evitar

Tenho observado que blogueiros iniciantes costumam praticar hotlink com certa frequência e, na maioria das vezes, é por pura ingenuidade. ...

Continue Lendo >>