10/3/12

Botón para compartir de Facebook

Hace unos días habíamos visto como agregar el botón 'me gusta' de Facebook, pero si no te gustó el botón por una razón u otra, también puedes implementar el botón 'Compartir' de Facebook, el cual cuenta con 4 distintos aspectos.


Para implementarlo en el blog sólo entra a Diseño > Edición de HTML > Expandir plantillas de artilugios, busca <div class='post-body entry-content'> y 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 quieres el botón con el número a su derecha entonces agrega 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 quieres poner sólo el botón, sin el número de veces que se ha compartido la entrada, entonces agrega 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 no quieres el botón, simplemente 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 dos primeros botones es posible que no veas el número ya sea arriba o a la derecha, pero aparecerá cuando le des click en compartir y después de eso siempre se mostrará.

Toma en cuenta que sólo se verán en las entradas individuales, no en la portada, esto es debido a que si se pone en portada da muchos errores.

No hay comentarios:

Publicar un comentario