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.

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google