Crear un caja flotante plugins Coment Facebook en beta ! esta en desarrollo
bueno hola primero que nada no lo domino , y no se como integrarlo a una plataforma html como para un foro smf , blogger ,wordpress
pero mi mente no comprende quiero un codigo ejemplo ya prefabricado y si es posible es algo flotante ligero desplegable lateral derecho bonito
demo: www.binged.net/
el plugins es este
http://developers.facebook.com/docs/reference/plugins/comments/
solo encontre esta informacion pero no se si es correcto.
Paso 1: Lo primero que debemos hacer es ir la página de desarrolladores de facebook y crear una aplicación para tu web. (Esto, igual es necesario hacerlo para usar el plugin apestoso) el link es este: Facebook Developers
http://developers.facebook.com/
Paso 2: Copia y pega este código en donde quieres que aparezcan tus comentarios.
Código
<div id="fb-root"></div><script src="http://connect.facebook.net/es_CO/all.js#xfbml=1"></script>
<fb:comments href="<?php the_permalink() ?>" width="687"></fb:comments ></div>
Explicación: El campo width, es el tamaño de ancho de la caja donde aparecen tus comentarios.
Si ya vienes usando comentarios y no quieres perderlos, entonces usa este código:
Código
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:comments xid="YOUR_XID" migrated="1"></fb:comments>
En mi caso, era la primera vez que implementaba así que no probé la función de migrar los datos, pero según dice el sitio de facebook developers, esto debería mostrar tus comentarios viejos.
Paso 3: Dentro de la etiqueta head de tu blog, pega el siguiente meta:
Código
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}">
Explicación: esto es para que facebook te reconozca como el administrador y moderador de la herramienta facebook comments. reemplaza el campo {YOUR_APPLICATION_ID} por el id de tu aplicación que creaste en el paso 1.
Y listo, deberías tener la herramienta fantástica de facebook comments,
bueno no entiendo como es una ID :s
antes encontre este codigo con el plugins Livestream pero lo eliminaron de facebook
que era asi su aspecto
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
function facebook() {
$("#facebook".fadeIn();
$("#boton".fadeOut();
}
function boton() {
$("#boton".fadeIn();
$("#facebook".fadeOut();
}
</script>
<body style=background:black;>
<div id="boton" class="boton" style=width:33px;height:120px;position:fixed;right:0px;bottom:200px; onMouseOver="facebook()">
<img src="http://u.jimdo.com/www38/o/sa1c23512e426e90b/img/i36114fd42df15eb0/1340077369/std/image.png" onMouseOver="facebook()" alt="" />
</div>
<div id="facebook" class="facebook" style=background:#FFF;width:450px;height:450px;position:fixed;display:none;right:0px;bottom:200px; onMouseOut="boton()">
<iframe src="http://www.facebook.com/plugins/live_stream_box.php?app_id=AQUI EL ID DE TU APLIACION&width=450&height=450&via_url&always_post_to_friends=true" scrolling="no" frameborder="0" style=border:none;overflow:hidden;width:450px;height:450px;></iframe>
</div>
</body>
haber si nos ayudamos !
pueden probar el codigo aca
http://www.lawebera.es/recursos/herramientas/probar_codigo_html.php
esta en beta este post!