Pages

Topsy Retweet Button for Web Sites

Um botão retweet que permite que seus leitores retweet qualquer página no seu site e mostra contagens retweet. O botão pode ser incorporado em qualquer página, adicionando o código Javascript abaixo.

Exemplos

Quando você integra o botão com seu site, você deve ter certeza de substituir os valores nos exemplos a seguir com suas próprias - especialmente topsy_nick e topsy_url campos. Todas as opções estão definidas abaixo.

Exemplo de código Javascript usando todas as opções padrão:

image

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):

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:


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.