Poner Bot??n de compartir Facebook

  • septiembre 24, 2010





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:

<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>


El resultado ser?? este:

facebook widget


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

<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>


El resultado ser?? este:

facebook widget


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

<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>


El resultado ser?? este:

facebook widget


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

<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>


El resultado ser?? este:

facebook widget


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.

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.

Si despu??s de todo el bot??n no funciona , buscar esta linea y pegar el c??digo justo despu??s

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

** Nuestro amigo Dandres nos pregunto si se pod??a poner est??tico este bot??n y si Se puede hacer pero es posible que no aparezca la descripci??n de la entrada.
Para ponerlo est??tico pega antes de </body> el c??digo del bot??n de Facebook, s??lo cambia la primera l??nea por esta otra:

<div style=’position:fixed; right:0; top:150px;’>

No Comments Found