fbpx

Cómo Hacer Botones “Me Gusta” de Facebook Personalizados

escrito por  David Cantone

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 clicando cualquiera de los botones que tienes abajo. Gracias!

Cuando estés listo, hay 2 maneras en las que te puedo ayudar:

1. EmprendeCreador University: Comunidad privada en la que aprenderás a lanzar y hacer crecer un negocio de creador de coaching, consultoría o experto.

2. Negocio Escalable: Consultoría 1 a 1 con David para sistematizar y escalar tu negocio. Esta consultoría es para Agencias, Negocios B2B, Coaches, Consultores y Educadores Online de Ticket Alto.

Únete a más de 20.000 suscriptores y recibe un consejo práctico cada semana para lanzar, hacer crecer y monetizar tu negocio online de cursos, coaching o consultoría.