Botón "me gusta" que desaparece al hacerse fan en FBML

Hace un tiempo he creado este código que lo podrán encontrar el nuestra pagina facebook, muchos nos lo pidieron por lo que hace poco realizamos un sorteo donde entregamos el código a dos personas.

Debido a que Facebook anticipo que los códigos en fbml desaparecerán el 1 de enero hemos decidido publicarlo para que todos los usuarios hagan uso del mismo, es también debido a que algunas personas que llegaron a obtener el código han estado haciendo negocios con el mismo.


Este botón consiste en, al colocarlo en una pestaña FBML, desaparecer cuando quien entra a la pagina le hace clic, haciéndose fan de la pagina, por lo que, al desaparece este botón, quien le hizo clic no podrá deshacerlo, al menos desde la correspondiente pestaña.

Código:

<style>
.connect_widget_sample_connections {display:none}
.comment_body {display:none}
.connect_widget .like_button_like {display:none} .connect_widget_text{float:left;position:static;display:none}
.connect_widget .connect_widget_facebook_favicon{display:none}
</style>

 <fb:comments xid="likebutton" returnurl="http://www.facebook.com/Trukibook">

Como verán el código esta compuesto por el style, lo que le da estilo, osea sin icono ni contador y la accion de volverse invisible; y por el boton donde deberan modificar la url de returnurl por la de su pagina.


Para colocar mas de un botón, uno al lado del otro, pueden utilizar este código:

<style>
.connect_widget_sample_connections {display:none}
.comment_body {display:none}
.connect_widget .like_button_like {display:none} .connect_widget_text{float:left;position:static;display:none}
.connect_widget .connect_widget_facebook_favicon{display:none}
ul{display:inline}
li{display:inline-block; margin:0px}
</style>

<ul>
<li><fb:comments xid="likebutton" returnurl="http://www.facebook.com/Trukibook"></fb:comments></li>
<li><fb:comments xid="likebutton" returnurl="http://www.facebook.com/Trukibook" ></fb:comments></li>
<li><fb:comments xid="likebutton" returnurl="http://www.facebook.com/Trukibook" ></fb:comments></li>
<li><fb:comments xid="likebutton" returnurl="http://www.facebook.com/Trukibook" ></fb:comments></li>
</ul>

Este código es para colocar cuatro botones, pueden agregar cuantos quieran




Ya no esta funcionando, debido a que los códigos fbml están dejando de funcionar por lo que deberán utilizar el botón regular, en iframe en una pestaña html



Las preguntas que soliciten respuesta hazlas en nuestra pagina Facebook
 
Trucos Facebook | Trukibook © 2014
Powered by Trukibook - FB Me Gusta pop up