Ads 468x60px

martes, 20 de marzo de 2012

Caja de Comentarios De Facebook en Tu Web



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>
1
2
<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:
1
2
3
<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:
1
<?php comments_template(); ?>
Por éste:
1
<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:
1
2
3
4
5
6
7
8
9
10
11
12
<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>:
1
2
<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::
1
<fb:comments href='URL DE TU WEB' colorscheme='light' num_posts='2' width='500' ></fb:comments>

0 Comentarios:

Publicar un comentario

Si No Tienes Cuenta en Ninguna de estas Plataformas,
Puedes Comentar Como Anónimo.
O tambien puedes poner tu Nombre/URL

Si publicas un comentario con mal vocabulario sera eliminado por el dueño del Blog.

Translate Blog

 

Sample Text





















AVISO
Hola "Bienvenidos" gracias por visitarnos aqui podras encontrar variedad en trucos para tu blog...