Como Hacer Botones “Me Gusta” de Facebook Personalizados

Publicada en Publicada en Interesantes

Botones Facebook Personalizados

Si algo a hecho de Facebook la Red de redes ha sido el botón “me gusta”. Gracias a este botón todos nosotros podemos conseguir que nuestros contenidos lleguen a ser virales y se propaguen por toda la Red. En este post te voy a explicar como hacer botones “me gusta” personalizados para que les saques el máximo provecho en tu blog o página web.

 

1. Primero de todo sigue el enlace para ir a la página de Facebook de configuración del botón me gusta.

2. Ahora simplemente has de seguir las instrucciones y rellenar los campos que te indican para personalizar el botón a tu gusto. Los cambios que vas introduciendo se muestran en tiempo real a mano derecha de la imagen.

3. Clica en el botón de Get Code, copia el código que te da Facebook y pégalo en cualquier lugar de tus posts en el blog. ¿Qué te parecería intercalar a mitad de post el botón de “me gusta”?

Por ejemplo aquí mismo: Dale un “me gusta” al post si te gusta lo que estás leyendo. Gracias!

 

Campos a editar para personalizar el botón “Me Gusta” de Facebook a tu gusto

Facebook Me Gusta

URL to like: coloca aquí la URL de la página que recibirá los “me gusta” tras cada clic en el botón. Puedes poner incluso la URL de tu página de Facebook para que sea esta la que recibe los “me gusta”.

Send Button: Este botón permite que quien lo clique mande tu contenido fácilmente a cualquiera de sus contactos en Facebook via mensaje.

Layout Style: Existen tres estilos de botón a escoger (standard – button count – box count).

Width: Ancho del botón.

Show Faces: Muestra imágenes de perfiles debajo del botón.

Verb to display: ¿Quieres que el botón ponga Like o Recommend? Puedes ponerlo en español editando manualmente el código del botón que te da Facebook.

Si usas la versión XFBML sólo tienes que reemplazar de la línea de código que te muestro abajo el en_US por es_ES.

‘//connect.facebook.net/en_US/all.js’;

Si usas la versión Iframe tendrás que hacer lo mismo pero en la src URL.

src=”http://www.facebook.com/plugins/like.php?locale=es_ES&…”

Es posible que tengas que ajustar el ancho del botón para acomodarlo al cambio de idioma (aunque en español con 450 de ancho se ve bien, como puedes comprobar en el botón de más arriba).

Color Scheme: Elige si quieres el botón con el típico color azul claro de los botones de Facebook o con un tono gris. Sin duda la primera opción es la mejor.

Font: cambia, si quieres (yo no lo haría), el tipo de letra usado para el botón.

Clica en Get Code, copia el código, ajusta lo que tengas que ajustar (como el idioma del botón) y pégalo a donde quieras de tu blog.

Sencillo ¿verdad? Las posibilidades de uso de estos botones “me gusta” de Facebook personalizados para que tus contenidos se propaguen con mayor viralidad son enormes. Prúebalo en tu blog y ya me contarás.

¿Te ha gustado esta entrada? Compártela con tus seguidores o amigos

en Twitter y Facebook haciendo click en cualquiera de

los botones que tienes abajo. Gracias!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Conoce cómo se procesan los datos de tus comentarios.