Botón "enviar entradas a FaceBook"

Hace unos días que a través de la última entrada de Blogger Widgets, me enteraba de que Facebook presentaba de forma oficial un botón que posibilita el envío de entradas.

El botón está disponible en cuatro modelos, todos ellos con un contador que mostrará la cantidad de veces que la entrada ha sido compartida en FaceBook.

¿Como colocar el botón en el blog?

[1] Antes que nada hemos de escoger que botón vamos a mostrar y copiar su código.

[2] Iremos a la parte de Edición HTML de nuestro panel y marcamos la casilla de "Expandir las plantillas de artilugios".

[3] Localizamos esta línea:

<div class='post-header-line-1'/>

y justo después, copiamos el código del botón elegido.

Si esa línea no estuviese disponible en nuestra plantilla, localizamos entonces esta:

<data:post.body/>

y justo antes, copiamos el código del botón elegido.

Códigos para los distintos modelos de botones

[1] Botón grande situado a la derecha del contenido de la entrada:

Código:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Para usar este mismo botón pero que se muestre a la izquierda del contenido de la entrada, cambiamos en el código anterior float:right por float:left


[2] Botón pequeño situado a la derecha del contenido de la entrada:

Código:

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Para usar este mismo botón pero que se muestre a la izquierda del contenido de la entrada, cambiamos en el código anterior float:right por float:left