Tweet Button oficial no blogspot

Há outras formas de colocar o Tweet Button no seu blog. Eu vou abordar  a mais "complicada" ;)

Ao editar o HTML do blogspot você o faz na verdade em XML. É um formato de XML que dirá ao mecanismo do blogger como será seu HTML depois. E esse XML aceita alguns "comandos" como veremos.

O botão Tweet é uma tag de âncora de hiperlink <a> comum que além dos atributos class e href possui esses atributos especiais, tradados pelo script que vem junto:


data-count='vertical'  --> tipo de contador: pode ser vertical, horizontal ou none
data-via='vitorrubio' --> seu nome  no twitter
data-text='titulo do post'  --> título do post :p
data-url='url do post' --> url do post ;)

Dentro de marcadores de tags < > você não pode colocar outros marcadores como estes. E para obter automaticamente o titulo do post e a url devemos usar os já ditos "comandos" do blogspot.

Para obter o títilo do post você deve utilizar data:post.title e para obter a url você deve utilizar data:post.url.

No entanto para utilizar os comandos citados você não pode simplesmente atribuí-los aos atributos, mas deve preceder os nomes dos atributos com "expr:" para que eles possam ser "calculados" antes de "montados".

Ou seja, colocar:

data-text='data:post.title'  

data-url='data:post.url' 

Estará errado pois fará com que seu título se torne a palavra "data:post.title" e a url seja a expressão "data:post.url" em vez dos respectivos título e endereço corretos. Você deve preceder os atributos com expr: assim:

expr:data-text='data:post.title' 

expr:data-url='data:post.url' 

Se quiser "concatenar" ou adicionar algo mais no titulo deve "somar" com a sua mensagem envolvendo em aspas, mas deve usar "&quot;" uma "html entitie" que se tornará aspas depois do cálculo. Não use aspas "de verdade"

expr:data-text='data:post.title + &quot; algo mais que eu queira dizer &quot;' 

expr:data-url='data:post.url' 

O código completo "normal" ficará assim:

<a 
  class='twitter-share-button' 
  data-count='vertical' 
  data-via='vitorrubio' 
  expr:data-text='data:post.title' 
  expr:data-url='data:post.url' 
  href='http://twitter.com/share'>Tweet</a>
   <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Com o resultado:

Tweet

O código com "um algo mais" ficará assim:

<a 
  class='twitter-share-button' 
  data-count='vertical' 
  data-via='vitorrubio' 
  data-text='Teste de Tweet Button no Blogspot' 
  expr:data-url='data:post.url' 
  href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

Com o resultado:

Tweet

Espero ter ajudado ;)