boton para enviar entradas FaceBook

  • septiembre 6, 2010


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

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

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:

Enviar a Facebook

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:

Twett Facebook

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



Importantes en trucos para blogs 

No Comments Found