Botón para compartir de Facebook

Ya hace un tiempo vimos cómo poner un botón para compartir en Twitter y Facebook, pero lamentablemente el botón de Facebook ha dado muchos problemas en cuanto a la velocidad con la que carga y específicamente con el servidor de Fbshare que suele caerse seguido y por lo tanto no se muestra. Así que vamos a usar uno que ha sido desarrollado por Facebook y por lo tanto no debe dar los mismos problemas que ha dado el otro.

Para colocarlo en el blog sólo entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta etiqueta:

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

Justo debajo de ella agrega lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right; padding:5px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</b:if>

El resultado será este:



Si quisieras el botón con el número a su derecha entonces usa este código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right; padding:5px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</b:if>

El resultado será este:



Si quisieras poner sólo el botón, si el número de veces que se ha compartido entonces usa este código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right; padding:5px;'>
<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
</b:if>

El resultado será este:



Pero si tampoco quisieras un botón y sólo deseas un enlace entonces usa este código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right; padding:5px;'>
<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
</b:if>

El resultado será este:

En el caso de los primeros dos botones es posible que cuando lo pongas no veas el número ya sea arriba o a la derecha, pero aparecerá en cuanto le des click para compartir y después de eso siempre se mostrará.

Si quisieras el botón al lado del título de la entrada entonces pega el código debajo de esta línea:

<b:if cond='data:post.title'>

Si ya usas el botón anterior de Fbshare y quieres cambiarlo por este, sólo busca en tu plantilla este código:

<script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

O este otro:

<script>var fbShare = {
url: &#39;<data:post.url/>&#39;,
size: &#39;small&#39;,
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

Y cámbialo por el nuevo código de Facebook que hayas elegido.

Toma en cuenta que el botón SÓLO se verá en las entradas individuales, no en la portada, esto es debido a que si se pone en portada da muchos errores.
Si bien se supone que este botón es más eficiente que el de Fbshare hay que recordar que es normal que algunas veces pueda tardar un poco en cargar el gadget pues muchas veces el servidor se satura y se alenta, tal como sucede co cualquier otro gadget que usemos.