Botones oficiales de Twitter para compartir una entrada

Hace unas semanas, Twitter presentó sus botones oficiales que permiten twittear cualquier entrada de un método sencillo.
No es tan fácil insertarlos y que funcionen satisfactoriamente, ya que no bastará con colocarlos de cualquier manera en la plantilla, sino que habrá que hacer uso de condicionales para que éstos se muestren únicamente en las entradas individuales y enlacen correctamente a ese post en Twitter (ya hemos visto varios blogs que cometen este error, y por tanto, hagas lo que hagas, el enlace dirige a la Página Principal, y no a una entrada específica).

Para ello vamos a seguir los pasos que tan bien nos explicaba Rosa en su blog

1º. Nos dirigimos a nuestra página de inicio de Twitter, y vamos a la parte inferior, donde debemos pinchar en "Extras", o vamos directamente a este link.

2º. En esa página, pinchamos en "Botón de Twittear".

3º. Escogemos uno de los 3 botones que más nos guste, escribimos más cuentas recomendadas para seguir aparte de la nuestra, que saldrá por defecto, si queremos, y finalmente, si ya está todo listo, podemos copiar el código que a continuación utilizaremos.

Ahora vamos a ver los pasos para configurarlo en las entradas de nuestro blog:

• Nos dirigimos a Diseño> Edición de HTML, y marcamos "Expandir plantillas de artilugios".

1º. Buscamos esta línea:

<div class='post-body entry-content'>

2º Añadimos este código debajo de esa parte, que incluye el condicional para que solo se muestre en cada página de entrada y por tanto, que el enlace sea el correcto a la hora de twittearlo:

<b:if cond="data:blog.pageType == "item"">
</b:if>
<div style="display: inline; float: right; margin-left: 15px;">
CODIGO DEL BOTÓN DE TWITTER</div>

... y sustituimos la parte de Azul por el código del botón que obtuvimos en la página de Twitter, ¡y ya está!, todo terminado.

¿Quieres ver como queda este botón? Puedes observarlo en cualquier entrada de La Trucoteca Design.