Cómo instalar la caja de comentarios de Facebook en tu sitio web

  • Autor Autor bacanzito
  • Fecha de inicio Fecha de inicio
bacanzito

bacanzito

Eta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
¿plugins Caja De Comentarios facebook "en modo caja flotante lateral con efecto Deslisante "es posible? en plataforma universal html 😛4:


image5.jpg


demo:

http://www.felicidad.com.pe/radioenvivo.html

encontre esta informacion en la Internet quisas pueda ayudar con mi duda


La caja de comentarios de Facebook a sufrido cambios últimamente, uno de ellos es que ahora ya no se necesita crear una aplicación, solo es necesario poner la URL de nuestra web y ya lo tenemos funcionando.



Pero también hay otros cambios que destacar como son:

Podemos ver el “Me Gusta”, “Responder” para seguir conversaciones independientemente y otro botón “Suscribirse” para informar de alguna publicación.
En lugar de verse ordenados cronológicamente, lo hace por “relevancia”
Puede seleccionarse si se desean publicar en Facebook o no
Opción “Comentar Con” Facebook, Hotmail, AOL y Yahoo
Ahora vamos a instalar la caja de comentarios en nuestra web



En Blogger
En nuestro blog en el panel de administración nos dirigimos a “Configuración”, luego“Comentarios” y seleccionar “Ocultar”, por último clic en “Guardar Configuración”.

Ahora nos dirigimos “Diseño” >> “Edición de HTML” y marcar “Expandir plantillas de artilugios”.

Vamos a insertar el siguiente código después de <body>

PHP:
<div id='fb-root' />
<script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>


Ahora buscamos “<div class=’post-footer-line post-footer-line-1′” y pegamos el siguiente código:

PHP:
<div id='fb-root'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div><br/><br/><fb:comments colorscheme='light' expr:href='data:post.url' num_posts='10' width='500'/>   
</div></b:if>

Puedes modificar el tamaño de la caja: width=ancho
Si tu web es oscura en colorscheme cambia “light” por “dark”
Num_posts es la cantidad de comentarios que mostrará la caja
Si queremos administrar los comentarios , necesitaremos crear una aplicación para asociarla; esto nos dará acceso completo y lo indicamos agregando dos etiquetas META antes de </head>:

<meta property=’fb:admins’ content=’NUESTRO ID DE USUARIO’/>

<meta property=’fb:app_id’ content=’ID DE LA APLICACION’/>

Donde, obviamente, tendremos que colocar nuestros datos.

NUESTRO ID DE USUARIO es el que nos habilitará para recibir notificaciones de los comentarios dejados en el sitio

ID DE LA APLICACIÓN es el que nos dará acceso de administradores y por lo tanto, podremos definir opciones de configuración tales como hacer que el plugin sea visible a todos o sólo a los amigos, agregar palabras a una lista negra para rechazar ciertos comentarios, bannear a usuarios, moderar los comentarios, etc

En WordPress
Nos dirigimos a Theme(Apariencia)/Editor y en “comments.php” cambiamos lo siguiente:

PHP:
<?php comments_template(); ?>

Por éste:

PHP:
<div id=”fb-root”></div><script src=”http://connect.facebook.net/es_LA/all.js#xfbml=1″></script><fb:comments href=”<?php the_permalink(); ?>” num_posts=”10″ width=”500″></fb:comments>

En algunas plantillas no funciona con <?php the_permalink(); ?> entonces a cambio de eso solo pones la URL de tu blog.


En Jimdo
Inserta el siguiente código mediante “Widget/HTML” o si quieres que la caja de comentarios aparezca en todas las páginas desde “Plantillas > Plantilla propia > HTML” busca <var>content>/var> y justo abajo inserta

PHP:
<div id="fb-root" class="fb_reset">
<div style="position: absolute; top: -10000px; height: 0px; width: 0px;">
</div>
</div>
<script src="http://connect.facebook.net/es_LA/all.js#appId&amp;xfbml=1" type="text/javascript">
</script><script type="text/javascript" language="javascript">
 
//<![CDATA[
document.write("<fb:comments migrated='1' num_posts='15' width='560'colorscheme='dark'><\/fb:comments>");
//]]>
</script>
</div>

15 –> Es la cantidad de comentarios que se mostrará
560 –> Es es ancho de la caja de comentarios
dark –> Es el color oscuro de la caja de comentarios, si quieres claro pon light
Para otros
Inserta el siguiente código despues de <body>:

PHP:
<div id='fb-root' />
<script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>

Ahora inserta el siguiente código donde quieres que aparesca la caja de comentarios::
PHP:
<fb:comments href='URL DE TU WEB' colorscheme='light' num_posts='2' width='500' ></fb:comments>


Publicación con Licencia CC. Fuente: Caja De Comentarios De Facebook En Tu Web o Blog | WebmasterCV
 
Última edición:
Atrás
Arriba