Topsy Twitter – Botão de Retweet para artigos de seu Blog

É indispensável hoje em dia compartilhar seus links e conteúdo de seu blog no Twitter e em outras redes-sociais como uma forma de atingir um público cada vez mais amplo. Toda forma de divulgação é importante e contar com a ajuda de seus leitores nessa divulgação é fundamental para gerar mais visitas. Vou mostrar como adicionar uma outra opção de botão para compartilhar seus links no Twitter e oferecer essa possibilidade para seus leitores fazerem o mesmo com um único clique. Um botão azul, como esse que está aqui do lado deste parágrafo. Esse modelo serve tanto para Blogger quanto para WordPress.

Para seguir o [ Ferramentas Blog ] no Twitter, adicione:

@FerramentasBlog – http://twitter.com/hordones

Já ensinei aqui como usar dois modelos muito úteis e simples. Um seria para o Twitter e outro para o FaceBook.

• Botão para compartilhar links no FaceBook para Blogger (FaceBook)
  Widgets do Facebook – como inserir em seu blog
• TweetMeme – RT para seus artigos no Twitter (Twitter)

Esse é um serviço muito semelhante ao do TweetMeme que adiciona um botão para que o visitante envie um RT de seus links para o Twitter e divulgue o conteúdo que achar interessante. Trata-se do Topsy Widgets e que alguns consideram até mais estável, especialmente para quem usa o WordPress.

Acesse: Topsy APPs – http://labs.topsy.com/widgets/

Para usar no WordPress.org (com domínio e hospedagem próprios)

Para quem usa o WordPress é bem simples e basta instalar um plugin. Para fazer o download, basta acessar diretamente:

http://wordpress.org/extend/plugins/topsy/

Depois de instalado basta entrar nas configurações do plugin ativado e escolher os detalhes, inclusive personalizando as cores e tamanhos.

Para usar no Blogger

Vou ensinar um código para quem quiser colocar esse modelo de botão (azul) no Blogger. Há diversos tipos e você também pode escolher cores e tamanhos. Outras opções de modelos você pode ver aqui: http://labs.topsy.com/widgets/retweet-button/.

No caso vou ensinar como o código exibirá o botão largo alinhado à direita do primeiro parágrafo de seus artigos, mas apenas na página do post. Essa é uma posição privilegiada e ficará semelhante ao que ilustra a imagem abaixo:

Para isso abra o painel do Blogger, clique no menu “Layout” ~> “Editar HTML” e marque a opção “Expandir modelos de widgets”, para ver todo o código-fonte de seu blog. Então procure pela seguinte linha (ou algo bem semelhante, onde o mais importante é o que está destacado em negrito):

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

Imediatamente ABAIXO dela, cole o seguinte trecho de script que vai gerar o botão e que usa uma condicional que fará com que só apareça quando o visitante estiver dentro do artigo:

<div style="float: right; margin-left: 1em"><script type="text/javascript">
var topsy_nick = "TopsyRT";
var topsy_style = "big";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/button.js"></script></div>

Só altere o que está indicado de vermelho para o seu nickname (nome de usuários) do Twitter. Se quiser ver mais opções de cores e tamanhos, recorra ao tutorial que citei no link acima. Feito isso, salve o modelo e veja o resultado em seu blog.