Como hacer un Botón “Me Gusta” de Facebook



Les explicare como agregar un botón de me gusta a tu sitio web o blog, para ser un poco mas precisos les explicare como hacer un Botón de “Me Gusta” tal y como esta en la parte inferior derecha de mi sitio web este momento, veamos.

Boton-Facebook

Para hacer esto usaremos el siguiente código que nos permitirá ubicar en este lugar flotando el botón y ademas que le permita a los usuarios del sitio dar click en el y que automáticamente aparezca una notificación en su muro y se agreguen al grupo que has configurado con el botón, veamos:

<div style=”display:scroll;position:fixed;bottom:0px;right:0px;“>
<iframe src=”http://www.facebook.com/plugins/like.php?href=www.facebook.com/JuarboBlog&amp;layout=box_count&amp;show_faces=true&amp;width=500&amp;action=recommend&amp;font=verdana&amp;colorscheme=light&amp;height=65″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:120px; height:65px;” allowTransparency=”true”></iframe></div>

Solo debemos modificar el código que esta en Azul, ahí debemos ingresar la URL del sitio al que queremos que el boton notifique a los amigos de el sitio.

El fragmento de código que esta en Verde es el CSS que ubica el boton en la parte inferior derecha de la pagina, si lo modificamos un poco vemos como podemos ubicar el botón en la ubicación que deseemos, por ejemplo si deseamos ubicar el botón en la parte superior izquierda de la pagina debemos reemplazar el código por algo como lo siguiente:

display:scroll;position:fixed;top:0px;left:0px;

Lo que he cambiado de ese pequeño código solo ha sido lo que esta resaltado en negrita, solo deben reemplazar estos dos argumentos que definen la ubicación, pueden usar Top y Bottom para arriba y abajo, y Right y left para derecha e izquierda.

One thought on “Como hacer un Botón “Me Gusta” de Facebook

  1. En WordPress este codigo podría agregarse en el archivo Footer.php del theme activo!

Deja un comentario

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