Cómo agregar botones de Facebook y Twitter en tu Sitio Web/Blog [TIP] [HTML]

lunes, noviembre 29, 2010

Botón de Facebook Para empezar, nos dirigimos a la siguiente dirección (esta en Inglés):
http://developers.facebook.com/docs/reference/plugins/like

Nos desplazamos hasta el cuadro gris que está un poco abajo de los párrafos.

En donde dice URL To Like,(opcional) Escribimos la dirección del sitio web que queramos decir que nos gusta/recomendamos, por defecto el botón tomará la dirección de la página donde se encuentre.

Layoult Style se refiere cómo se verá el botón:

Botones antes (parte superior) y después (parte inferior) de hacer click

Show Face al dejar activada la casilla de verificación, al hacer click en el botón mostrará las imágenes de usuario de las personas que les gustó/recomendaron la página.

Width especifica el ancho (en pixeles) de nuestro botón (el tamaño afecta el texto que está al lado del botón si se eligió standard en la sección Layout Style).

Verb to dsplay se refiere a si el botón dirá "like"(me gusta) ó "recommend"(recomiendo).

Font nos desplegará una lista con las fuentes (tipo de letras o tipografías) que mostrará el botón.

En Color Scheme si elegimos light, el color de fondo del botón será gris claro, si elegimos dark, el fondo será gris obscuro.

Hacemos click en el botón Get Code

Nos aparecerá un diálogo que nos muestra el código que deberemos copiar y pegar en nuestro sitio web/blog, en lo personal prefiero en XFBML.

Cambiar el idioma (Opcional) en nuestro código que generó facebook, buscamos en_US

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="true" width="250" action="recommend" font="arial"></fb:like>

lo cambiamos al código de nuestro país (es_MX, es_ES,es_AR, etc.) y ya lo pegamos en nuestro sitio web/blog.