quinta-feira, 11 de março de 2010

Redirecionamentos e malwares no Blogger

Nesta semana, um problema específico me chamou a atenção no Fórum do Blogger: alguns usuários relataram que ao acessar seus blogs eles eram automaticamente redirecionados para um site desconhecido e bastante estranho. Embora os blogs afetados redirecionassem para mais de um site, o problema do redirecionamento era bastante semelhante em todos.
Um blog com esse tipo de comportamento pode ter muitos problemas, como por exemplo: ser marcado como um blog de spam pelo Google, ser marcado como um site potencialmente perigoso por alguns navegadores (como o Firefox e o Chrome) e acionar a proteção residente de vários antivírus. Mas de quem é culpa desses redirecionamentos não autorizados? A resposta é simples: gadgets de terceiros.
Se você está tendo esse tipo de problema com seu blog, ou se o seu blog não está redirecionando para outro site mas dispara o alarme do antivírus nos computadores dos seus visitantes, comece a olhar com mais atenção os gadgets que você tem instalados.

Esse semana os gadgets mal-feitores foram principalmente relógios, semanas atrás um contador de visitas estava causando o mesmo problema. O que acontece é que estes gadgets fazem chamadas a scripts externos ao Blogger e, embora no momento que você instalou ele tenha funcionado perfeitamente, no futuro, o script que gera o gadget pode ser substituído por um script malicioso e causar comportamentos completamente inesperados.
Mas qual é a solução para o problema? Remova todos os gadgets de terceiros do seu blog, limpe os cookies e o histórico do seu navegador e observe se o problema persiste.
Se remover os gadgets não der certo, o problema pode ser um pouco mais complicado mas não impossível de resolver. Antes de mais nada faça um backup do seu template, depois acesse a opção Editar HTML do Layout do seu blog (não precisa clicar em Expandir modelos de widgets) e remova seções que indiquem claramente um gadget no código do seu template que faça chamadas de scripts para fora do Blogger, essas seções geralmente se iniciam com linhas semelhantes a <div class='widget Gadget' id='Gadget1' /> onde no lugar de Gadget1 pode constar qualquer outro nome.
Se nenhuma das soluções acima der resultado, recomendo que você, ainda na guia Editar HTML, clique em Reverter Modelos de widget para o padrão e troque seu template por um dos templates fornecidos pelo Blogger. E não se acanhe de pedir ajuda no Fórum do Blogger.
people_brain_bigger Teilor (@Teilor) é um dos principais colaboradores do fórum oficial do Blogger e autor do blog Without Brain.

quarta-feira, 10 de março de 2010

Topsy – outro botão de RT para o seu blog

A mestra Juliana ensinou a colocar em seu Blogger o TweetMeme, embora ele e o Topsy tenham a mesma função, o Topsy permite o retweet várias vezes seguidas, enquanto o TweetMeme bloqueia a ação após o primeiro retweet. No resto, ambos mostram a quantidade de retweets e ambos permitem algumas configurações e personalizações.

Assim como o TweetMeme, o Topsy também possuí dois tamanhos, um grande (big) e o outro compactado. E também disponibiliza a personalização de cores, veja outras opções: Topsy Retweet WebSite.

Para colocar o botão embaixo dos posts, entre no HTML do seu template acessando “Layout” > “Editar HTML”. Marque a opção “Expandir modelos de widgets” e procure (crtl+F) por:

<div class='post-footer'>

Acrescente logo acima o código abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type="text/javascript">
var topsy_style = "big";
var topsy_nick = "PERFIL DO TWITTER";
</script>
<script type="text/javascript" src="
http://cdn.topsy.com/button.js"></script>

</b:if>

Substitua a parte “PERFIL DO TWITTER” pelo seu nick (sem o @). A função da parte verde é exibir o botão somente nas páginas das postagens, a parte vermelha é o código do Topsy (o tamanho grande - big). Para utilizar o tamanho pequeno, mude o “big” do código por “small”.

Para colocar o botão entre o título e o post, encontre:

<div class='post-header-line-1'/>

E cole o código anterior, visualize e salve.

Você poderá juntar o botão com um anúncio, se quiser. Entretanto vai depender do tamanho da sua área de postagem (main-wrapper). Utilize o código abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table

style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">

<tbody>

<tr>

<td valign="undefined" align="left">CÓDIGO DO TOPSY</td>

<td valign="undefined" align="undefined"> CÓDIGO DO ANÚNCIO </td>

</tr>

</tbody>

</table> </b:if>

O resultado será parecido com esse:

topsy-banner

Para utilizar o modelo acima, com um banner de publicidade, você precisará converter o código. Use o site Blogcrowd.

Se você preferir não utilizar um banner, pense em uma frase criativa e coloque no lugar. Veja o exemplo abaixo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<table

style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">

<tbody>

<tr>

<td valign="undefined" align="left">CÓDIGO DO TOPSY</td>

<td valign="undefined" align="undefined">

<b>Siga este blog no <a href='http://LINK DO SEU TWITTER'>Twitter </a> e fique por dentro das novidades!</b>

</td>

</tr>

</tbody>

</table> </b:if>

Se preferir algo “além”, aprenda a mexer com HTML ou utilize o programa NVU portable para contruir o seu próprio código.

Para alterar a cor, acrescente o seguinte código (destacado em vermelho) no seu botão:

<script type="text/javascript">
var topsy_style = "big";
var topsy_nick = "PERFIL DO TWITTER";
var topsy_theme = "jade";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/button.js"></script>

Altere a palavra entre aspas (“”) para a cor que você quiser, com base na imagem abaixo:

cores-topsy

Assim como a Tia Ju recomendou, faça as alterações em um blog de teste. Até mais. ;D

CLIQUE AQUI E PERSONALIZE SEU BOTÃO DO TOPSY!

NOTA: O Topsy, assim como o TweetMeme recolhe as informações para o retweet através do navegador, ou seja, se você instalar os botões na página inicial e clicar no botão, você vai retwuitar a página inicial. Entendeu? Por isso recomendo (e ensino) a instalar somente nas páginas dos posts.

PS: Essa regra não serve para o plugin para o Wordpress do Topsy!

Luan Felipe (@luanfr) é o colaborador responsável pela coluna sobre Wordpress e autor dos blogs Sem Preceito e Luan Feelings.

Topsy - Botão de retweet no Blogger

A mestra Juliana Sardinha ensinou a colocar em seu Blogger o TweetMeme, embora ele e o Topsy tenham a mesma função, o Topsy permite o retweet várias vezes seguidas, enquanto o TweetMeme bloqueia a ação após o primeiro retweet. No resto, ambos mostram a quantidade de retweets e ambos permitem algumas configurações e personalizações.

Assim como o TweetMeme, o Topsy também possuí dois tamanhos, um grande (big) e o outro compactado. E também disponibiliza a personalização de cores, veja outras opções: Topsy Retweet WebSite.
Para colocar o botão embaixo dos posts, entre no HTML do seu template acessando “Layout” > “Editar HTML”. Marque a opção “Expandir modelos de widgets” e procure (crtl+F) por:
<div class='post-footer'>
Acrescente logo acima o código abaixo:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="text/javascript">
     var topsy_style = "big";
     var topsy_nick = "PERFIL DO TWITTER";
</script>
<script type="text/javascript" src="
http://cdn.topsy.com/button.js"></script>
</b:if>
Substitua a parte “PERFIL DO TWITTER” pelo seu nick (sem o @). A função da parte verde é exibir o botão somente nas páginas das postagens, a parte vermelha é o código do Topsy (o tamanho grande - big). Para utilizar o tamanho pequeno, mude o “big” do código por “small”.
Para colocar o botão entre o título e o post, encontre:
<div class='post-header-line-1'/>
E cole o código anterior, visualize e salve.
Você poderá juntar o botão com um anúncio, se quiser. Entretanto vai depender do tamanho da sua área de postagem (main-wrapper). Utilize o código abaixo:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table
style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">
<tbody>
<tr>
<td valign="undefined" align="left">CÓDIGO DO TOPSY</td>
<td valign="undefined" align="undefined"> CÓDIGO DO ANÚNCIO </td>
</tr>
</tbody>
</table> </b:if>
O resultado será parecido com esse:
topsy-banner
Para utilizar o modelo acima, com um banner de publicidade, você precisará converter o código. Use o site Blogcrowd.
Se você preferir não utilizar um banner, pense em uma frase criativa e coloque no lugar. Veja o exemplo abaixo:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table
style="border: 1px solid rgb(255, 255, 255); background:rgb(255, 255, 255);text-align: left; width: 100%;" cellpadding="2" cellspacing="2 ">
<tbody>
<tr>
<td valign="undefined" align="left">CÓDIGO DO TOPSY</td>
<td valign="undefined" align="undefined">
<b>Siga este blog no  <a href='http://LINK DO SEU TWITTER'>Twitter </a> e fique por dentro das novidades!</b>
</td>
</tr>
</tbody>
</table> </b:if>
Se preferir algo “além”, aprenda a mexer com HTML ou utilize o programa NVU portable para contruir o seu próprio código.
Para alterar a cor, acrescente o seguinte código (destacado em vermelho) no seu botão:
<script type="text/javascript">
     var topsy_style = "big";
     var topsy_nick = "PERFIL DO TWITTER";
     var topsy_theme = "jade";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/button.js"></script>
Altere a palavra entre aspas (“”) para a cor que você quiser, com base na imagem abaixo:
cores-topsy
Assim como a Juliana recomendou, eu faço o mesmo. Faça as alterações em um blog de teste. Até mais. ;D

domingo, 7 de março de 2010

Envie atualizações do Twitter ao Facebook

Que tal integrar o Twitter e o Facebook? Se você usa as duas redes sociais, saiba que é possível enviar automaticamente todos os seus tweets aos amigos do Facebook.
Faça o login no Facebook e depois clique neste link. Na próxima página, procure pelo botão “ir para o aplicativo” e clique sobre ele (veja na imagem abaixo).

facebook_twitter
Na página seguinte, você será questionado se deseja permitir o acesso a esta aplicação.

Clique agora no botão “permitir” e  forneça seus dados do Twitter (login e senha).

Clique agora em “+allow Twitter to update your facebook status” para autorizar o aplicativo

Na página seguinte, confirme novamente, clicando em “permitir atualizações de status”

Prontinho! Seus amigos do Facebook, passarão a receber os seus tweets automaticamente.
Para alterar as configurações, clique em “conta” e depois em configurações de aplicativos”(1)
Sem Título-1
Procure pelo ícone do Twitter (2) e clique agora em “editar configurações” Você pode, inclusive, remover o aplicativo do Twitter clicando no X ao lado de “perfil”.
Quer tuitar pelo Facebook? Então vá à sua página inicial do Facebook , procure pelo ícone do Twitter que fica na coluna da esquerda (logo abaixo do avatar) e clique sobre ele:

Na página seguinte, aparecerá uma caixa de texto para que você digite seus tweets:
O recurso ainda é muito limitado, já que não permite enviar RTs, DMs e nem replies.
Você ainda não tem conta no Facebook? Aprenda Como criar uma conta no Facebook ;)

sexta-feira, 5 de março de 2010

Como traduzir o Wordpress

Aprendemos a realizar a instalação do Wordpress em duas formas: baixando o Wordpress e enviando para o servidor; utilizando o painel administrativo da sua hospedagem. Nesta última, na maioria das vezes, o Wordpress instalado estará em inglês e se você quiser traduzi-lo, terá que mexer com código. Mas não se preocupe, para traduzi-lo você só irá fazer uma única alteração em um único código. Preparado (a)?

Após instalar o Wordpress, acesse (através de um programa de FTP – Não sabe o que é um?) a pasta onde ele estiver instalado, procure pelo arquivo “config.php” e baixe para o seu computador. Abra-o utilizando o bloco de notas e procure por “WPLANG”.
traduzir-wordpress
Entre as aspas vazias, acrescente “pt_BR” como na imagem:
 traduzir-wordpress-portugues
Envie o arquivo novamente para o seu servidor, substituindo o antigo. Agora temos que atualizar seu Wordpress para que a mudança seja ativada. Existem duas formas, escolha a melhor para você:

1. Pelo painel de controle:

Acesse o painel de controle do seu blog (www.dominio.com.br/wp-admin), faça o login e procure pela aba “Tools” > “Upgrade”.
atualizar-wordpress-portugues
Clique em “Upgrade Automatically” (se aparecer mais de um, clique naquela que pertence ao pt_BR). Digite as informações de contato com o servidor: hostname (ftp.dominio.com.br); username (nome de usuário do seu servidor); password (senha do seu servidor); connection type (deixe a opção FTP marcada). Clique em “Procced”.

2. Pelo FTP:

Baixe o a última versão do Wordpress pt_BR no seu computador, descompacte-a. Abra a pasta e encontre a subpasta “wp-content”. Dentro dela você encontrará uma outra pasta chamada “languages” Envie a PASTA (languages) para a área de trabalho (desktop).
Acesse o FTP e abra a pasta onde o Wordpress foi instalado. Vá até a subpasta “wp-content”. Envie a pasta que está na sua desktop ( “languages”) para dentro da “wp-content”.
Não foi tão difícil, foi? O Celso, do WpThemesPT também ensinou a traduzir o Wordpress para o português: Como alterar a língua do Wordpress?
Se houver dúvidas, reclamações ou sugestões para os meus posts, adorarei ler. Comente! ;D
Luan Felipe (@luanfr) é o colaborador responsável pela coluna sobre Wordpress e autor dos blogs Sem Preceito e Luan Feelings.

terça-feira, 2 de março de 2010

Diminuição no número total de comentários

Este é um post rápido e informativo. Hoje cedo, notei uma redução drástica no número total de comentários do Dicas Blogger – cerca de 40 %. Fui olhar outros blogs que possuem o contador Compulsivo e me deparei com o mesmo problema. Chequei também blogs que usam outros modelos de contadores e constatei que tratava-se de uma pane geral.
Enviei essa informação para nossos seguidores no twitter, que confirmaram que estavam passando pela mesma dificuldade. Restava saber se era um problema no script dos contadores ou mais um bug no sistema de comentários do Blogger. A resposta veio rapidinho – seguidores que não usam os contadores, também haviam notado a redução.

O caso já vem sendo discutido nos fóruns oficiais do Blogger ( em português e em inglês)
Em novembro do ano passado, aconteceu a mesma coisa - Bug no sistema de comentários.
A solução? Ela está exclusivamente nas mãos dos engenheiros do Google. Aguardemos.
ATUALIZAÇÃO EM 07/03/2010 – A Equipe do Blogger reconheceu a falha e está em busca de uma solução. Vejam o post no blog oficial Known Issues for Blogger
Some users are experiencing comment count discrepancies on their blog, specifically for older comments during the December-January timeframe. We have isolated the underlying problem though, and are working to release a fix shortly.
Also, if you have recently switched hosting from BlogSpot to a custom domain, it may take up to a few hours before the counts are synced completely (and this is expected).

Como instalar o Wordpress - Parte 2

Esta é a segunda parte do tutorial de instalação, na qual apresentarei para vocês uma forma mais fácil de ter seu Wordpress funcionando. Caso você ainda não leu a primeira parte e gostaria de conhecer, veja: Como intalar o Wordpress – Parte 1. A  maioria dos painéis de hospedagem possuem a opção “Fantástico”, que é uma ferramenta com dezenas de programas com seus devidos instaladores. O bom desse método é a rapidez e a opção de não mexer com códigos e/ou banco de dados.

Você não precisará criar o banco de dados, nem baixar o Wordpress e nem mexer com programas de FTP. A única coisa que você deverá fazer é traduzir o Wordpress (caso o seu Fantástico não instale-o traduzido) Estes dois passos explicarei nos próximos posts.
Você tem uma hospedagem? Não? E um domínio? Também não?! Aí vão 4 links dos locais pra você comprar seu domínio e sua hospedagem, para assim instalar o Wordpress. O Dicas Blogger usa e recomenda a Via Hospedagem.

Instalação pelo Painel de Hospedagem:

Acesse o seu painel de hospedagem com os dados enviados pela sua empresa de hospedagem. Desça a página e procure por “Fantástico de luxe”, clique nele.
fantastico-wordpress-instalacao
No lado esquerdo do seu monitor, haverá uma lista separada por categorias, com diversos nomes de plataformas de vários programas para serem instaladas. Procure por “Wordpress” (1) e clique nele. Depois procure por “Nova instalação” (2).
instalar-wordpress-fantastico
Preparado? É agora que a instalação começa! Neste próximo passo você poderá fazer tudo o que quiser: escolher o domínio (ou subdomínio); instalar em uma subpasta ou não; escolher seu login e sua senha; preencher seus dados como nome do administrador e e-mail; dar um nome e uma descrição para o blog e etc.
dados-instalacao-wordpress
O instalador é auto-explicativo e muito fácil de entender. Leia com atenção o que vem em baixo (ou ao lado) de determinados campos. No segundo campo (de directoria – ou subpasta) você poderá preencher ou não, mas se não preencher o seu blog será acessível pelo link www.dominio.com.br, se preencher (por exemplo com “blog”) iremos acessar seu blog através do link www.dominio.com.br/blog/.  Clique em “Instalar Wordpress”.
Na próxima página clique em “Terminar Instalação” e atente-se a esta mensagem:
Apenas oferecemos a instalação/configuração automática de WordPress mas não oferecemos qualquer tipo de suporte.
Clique no link que aparece logo ao final do texto para acessar seu painel administrativo. O link se parece com este: www.dominio.com.br/wp-admin/ ou www.dominio.com.br/blog/wp-admin (depende da forma que você configurou o instalador). Utilize o login e senha que você criou. Se preferir, futuramente, você poderá criar outro login ou modificar sua senha.
Faça o login e pronto! Seu Wordpress está instalado, agora é só usar. Próximo post: “Como traduzir meu Wordpress para o português?”.
Outros sites que ensinaram a instalar o Wordpress:
Luan Felipe (@luanfr) é o colaborador responsável pela coluna sobre Wordpress e autor dos blogs Sem Preceito e Luan Feelings.