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

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+

retweet-botao-topsy-widgets É 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.

Quer ser um(a) Blogueiro(a) de Elite? Acesse AGORA: http://blogueiro.pro

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

@FerramentasBloghttp://twitter.com/hordones

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

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)

screenshot-topsy-wordpress

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:

modelo-posicao-botao-tweet

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.

Quer ser um(a) Blogueiro(a) de Elite? Acesse AGORA: http://blogueiro.pro

14 Comentários

  1. Gostei da atitude de criar postagens seguindo os dias da quaresma. Bem, como meu blog é 'modificado' por alguém que não conheço e ele não segue todos os padrões de nomes que o Blogger utiliza, é dificil inserir todos os conteúdos legals que tem aqui no Ferramentas, mas este graças a Deus deu certo. Parabéns pela iniciativa. Só uma observação, acho que você deve explicar melhor o post sobre sua ferramenta do 'menu com ícones e contadores de artigos'.

    Responder

  2. Caro Marcos Lemos,

    A "condicional que fará com que só apareça quando o visitante estiver dentro do artigo" não funcionou direito no blogger.

    Aparece 0 de RT e quando se entra no artigo surge o real número de RTs.

    Pode me ajudar?

    Obrigado.

    Responder

  3. @Gpamplona,
    É que ao aprecer na primeira página o Topsy conta os RTs da primeira página e não das páginas internas.
    Por isso recomendamos que só use nas páginas onde quer que sejam contados os RTs.

    Responder

  4. Muito bom seu blog, tem de tudo e um pouco mais.E isso que me faz vim sempre por aqui.

    Sua dicas estão sendo de grande utilidade não sópara mim que sou leigo, mas para tantas outras pessoas.

    Parabéns, sucesso!!

    Responder

  5. Pingback: Como criar menu com ícone de Redes Sociais e outras opções | [ Ferramentas Blog ]

  6. Pingback: Gadgets e Elementos de Página para Blogger Blogspot | [ Ferramentas Blog ]

  7. Pingback: Adicionar botão "Curtir" (Like) do FaceBook nos artigos do Blog – Blogger e Wordpress | [ Ferramentas Blog ]

  8. Sr. Marcos Lemos

    Perfeita a sua explicação.

    Agradeço maiormente por pedir que façamos o backup ou que façamos testes em outro blog, sem querer deletei duas linhas no html e havia perdido imagens e posts no meu blog e graças ao backup e pequenas modificações, está tudo ok. Eu fazia backup mas não com freqüência, tenho certeza que muitos pensam que não vão perder seus arquivos e acabam por fazê-lo por descuido.

    O botão está perfeito só pulei a sua linha e o pq estava muito próximo ao título dos posts.

    No ensejo, farei outras inclusões no meu blog visto que encontrei muitas coisas importantes para ele aqui.

    Desculpe-me se falei demais, não acontecerá de novo.

    Desejo-lhe sucesso
    Att
    burguesinha

    Responder

  9. Gostei da dica Marcos, mais posteriormente quando fui personalizar o botão não havia a opção e foi frustrante, então resolvi ficar sem o botão.

    Minha esperança era a pagina do Topsy mais ela esta fora do ar.

    Aguardo soluções para essa postagem caro amigo.

    Desejo uma boa tarde.

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.