¿Cómo agregar botón flotante de 'Me Gusta' de Facebook?

Wigao · 19 Ene 2011

Que tal amigos, quisiera saber si alguien tiene idea de como implementar un botón flotante del famoso "Me Gusta" de Facebook. Busco algo que se pueda configurar para colocarlo en la parte inferior derecha, izquierda, arriba o abajo y que también se pueda editar en tamaño. Alguien sabe?

ssthormess · 20 Ene 2011

Yo lo hago habitualmente

Wigao · 20 Ene 2011

ssthormess dijo:
Yo lo hago habitualmente

Lo que pasa es que este botón supongo que sería más eficaz, porque siempre estaría visible.

rhudyk · 20 Ene 2011

accede aquí:
Like Button - Facebook Developers

meaburro · 20 Ene 2011

O aquí: Fixed Floating Twitter And Facebook Share Buttons | Spice Up Your Blog

Supongo que sea facil cambiar el share por el like

Wigao · 20 Ene 2011

rhudyk dijo:
accede aquí:
Like Button - Facebook Developers

Gracias, allí consigo el código pero como hago para que quede flotante, qué código hay que agregar?

rhudyk · 20 Ene 2011

si gustas puedes entrar al blog de mi firma para ver si es lo que quieres...te comparto mi código:

Insertar CODE, HTML o PHP:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show-faces=false&amp;width=500&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:120px; height:20px;"></iframe>

Wigao · 20 Ene 2011

rhudyk dijo:
si gustas puedes entrar al blog de mi firma para ver si es lo que quieres...te comparto mi código:

Insertar CODE, HTML o PHP:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=button_count&show-faces=false&width=500&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:120px; height:20px;"></iframe>

Creo que no me he explicado bien, mira ese es el botón que quiero, pero sería "flotante" así como los 4 botones de este blog: Fixed Floating Twitter And Facebook Share Buttons | Spice Up Your Blog

meaburro · 20 Ene 2011

Wigao dijo:
Creo que no me he explicado bien, mira ese es el botón que quiero, pero sería "flotante" así como los 4 botones de este blog: Fixed Floating Twitter And Facebook Share Buttons | Spice Up Your Blog

Aquí tienes, flotando arriba a la izquierda, modificalo con top, y left (bottom o right) y tu iframe de facebook que consigues aquí:
Like Button - Facebook Developers

Insertar CODE, HTML o PHP:

<div style='position: fixed; top: 1%; left: 1%;'/>
<br />
<table border="0"><tr><td>

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fchicasfb&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowtransparency="true"></iframe>

</td>
</tr></table>
</div>

rhudyk · 20 Ene 2011

bueno como ya te comentaron, es exactamente lo mismo, tu le das la configuración desde facebook, y posteriormente tu le das la alineación es todo

Wigao · 20 Ene 2011

Gracias meaburroeninternet (entonces porque estas aquí? XD), te diera dedo verde pero no se puede. Lo voy a probar.

meaburroeninternet dijo:
Aquí tienes, flotando arriba a la izquierda, modificalo con top, y left (bottom o right) y tu iframe de facebook que consigues aquí:
Like Button - Facebook Developers

Insertar CODE, HTML o PHP:

<div style='position: fixed; top: 1%; left: 1%;'/> <br /> <table border="0"><tr><td> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fchicasfb&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowtransparency="true"></iframe> </td> </tr></table> </div>

j.garcia2. · 26 Feb 2011

Hola y , ¿donde hay que colocar ese código? me refiero a el php del theme.
A ver si alguien me puede aclarar esto, saludos

Cyber · 14 Mar 2011

Genial!! me sirvió!! Gracias!!

gonzaunit · 14 Mar 2011

estaba buscando esto, gracias,

kaptincho · 14 Mar 2011

jesusgarcia dijo:
Hola y , ¿donde hay que colocar ese código? me refiero a el php del theme.
A ver si alguien me puede aclarar esto, saludos

en el header si quieres que se cargue antes del resto o en el footer si quieres que cargue al final

Wigao · 14 Mar 2011

kaptincho dijo:
en el header si quieres que se cargue antes del resto o en el footer si quieres que cargue al final

Si, lo importante es colocarlo en un archivo que sabes que se va a ver en todas las paginas.

Miguel Espinal · 12 Jul 2011

Gracias me silvio!!

yamal3k · 14 Jul 2011

Muy bueno. gracias