Pesquisa personalizada

quinta-feira, 12 de agosto de 2010

Como colocar o botão de compartilhamento do Twitter no Blogger





O Twitter finalmente lançou seus botões para compartilhamento  de posts e/ou artigos com contadores e liberou o código bem como o API em sua página Goodies. Para colocar no Blogger, é só seguir as instruções abaixo:

Vá em painel de controle >>Design >> Editar HTML >> Clique em expandir o modelo de widgets e procure pelo código <data:post.body/> e cole acima o seguinte código:

<div style="float:left;padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-count='vertical' data-via='SEU-TWITTER'>Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</div>

Caso você queira colocar somente em cada post, deve-se aplicar uma condicional, nesse caso ficaria assim:

<b:if cond='data:blog.pageType == "item"'>
<div style="float:left; padding:4px;">
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button' expr:data-url='data:post.url' expr:data-text='data:post.title' data-count='vertical' data-via='SEU-TWITTER'>Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</div>
</b:if>

Como editar o código

- float:left  - Esse código coloca o botão à esquerda, caso queira colocar à direita troque por float:right
- data-count='vertical' Contador na vertical, ou coloque data-count='horizontal', para ficar na horizontal ou data-count='none', para não exibir o contador.
- data-via='SEU-TWITTER' Coloque o seu nome de usuário no Twitter.

Olhe como ele vai ficar:

Contador na vertical







Contador na horizontal






Tutorial feito pelo Aneesh, do BloggerPluggins, veja o post original.


Permalink:





Sobre o Autor:
Crazyseawolf Para saber mais sobre o autor deste blog, visite o seu perfil no Google+ ou este link . Para enviar uma mensagem, clique aqui . Para outras informações, leia o FAQ .



11 comentários :

  1. Oi Cidão,

    Mas uma dica fantástica, mas para nós que já temos o sharing button do Blogger não faz sentido adicionar este, né?

    Tem um bom fim-de-semana!

    Um abraço

    ResponderExcluir
  2. É verdade! São tantos botões criados todos os dias, que se formos botar todos, não sobra espaço nos Blogs para os... ué, pra quê são feitos Blogs?

    ResponderExcluir
  3. @Max Coutinho

    A graça desses botões é que eles tem contadores e tem muitos que adoram saber quantas vezes o post foi recomendado.

    ResponderExcluir
  4. @blogpaedia.com.br

    Er... Bem... Mas... O que você quis dizer mesmo? :)

    ResponderExcluir
  5. como eu coloco um botão de compartilhamento igual ao seu? :P

    ResponderExcluir
  6. @Mp3 Samba e Pagode


    Desculpe mas, está tudo explicado no texto. Você leu?

    ResponderExcluir
  7. Muito boa essa dica.
    Mas, como faço para colocar o botão só na página inicial do blog? Está aparecendo em todas as páginas que criei.
    Tem também a dica de como colocar o botão do Facebook também?
    www.primeiroset.blogspot.com

    ResponderExcluir
  8. @Juliana Netto

    Esse código foi feito justamente para aparecer em cada página. Para que cada artigo ou post seja retwittado.

    ResponderExcluir

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Related Posts with Thumbnails
Google
 
 
Template Denim, criado por Darren Delaye, customizado por Crazyseawolf.