El nuevo botón de Twitter

Cada vez que pretendo mostrar el nuevo botón de Twitter ... deja de funcionar y aparecen ventanas de advertencia. Obviamente, aún no parece funcionar bien pero bueno, tengamos esperanza en que alguna vez lo haga.

La idea es que este botón provisto por el mismo Twitter, reemplace otros servicios como Tweetmeme

Si vamos a la página oficial del Botón de Twittear, veremos las opciones disponibles que incluyendo el estilo gráfico, textos adicionales, idioma, etc:

El resultado final será un código que conviene colocarlo sólo en las entradas individuales, incluido dentro de alguna etiqueta que luego, nos permita ubicarlo con precisión; por ejemplo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='twittersharebutton'>
<a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='nombre' href='http://twitter.com/share'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</b:if>

De ese modo podremos agregar el estilo en el CSS de la plantilla con cualquier propiedad:

.twittersharebutton { float: right; height: 20px; width: 110px; }

Del mismo modo, si no queremos usar nuestras propias imágenes, en lugar de utilizar el script, podemos agregar un enlace simple (más información):

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='twittersharebutton'>
<a expr:href='&quot;http://twitter.com/share?text=&amp;&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=nombre&amp;related=miCuentaTwitter&quot;'>
<img src='URL_imagen' />
</a>
</div>
</b:if>

REFERENCIAS:El escaparate de Rosa