Mostrando resultados del 1 al 1 de 1
  1. #1
    Registro
    28-noviembre-2012
    Ubicación
    Peru
    Edad
    34
    Mensajes
    660
    ¿plugins Caja De Comentarios facebook "en modo caja flotante lateral con efecto Deslisante "es posible? en plataforma universal html


    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro dando clic aquí
    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>

    Código 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:

    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:

    Código PHP:
    <?php comments_template(); ?>
    Por éste:

    Código 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

    Código 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>:

    Código 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::
    Código 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 por bacanzito; 29-dic-2012 a las 23:52 Razón: ortografia

Temas similares

  1. Tutorial: Caja Pop Up "me gusta" de Facebook para Blogger
    Hola a todos, Primero aclaro que esto no es algo inventado hecho por mí, fue donado por uno de mis colaboradores a mi pagina y como resulto súper...
    Respuestas: 91
    Último mensaje: 23-feb-2013
  2. Caja Pop Up "Follow" de twitter para Blogger
    Bueno como ya habia realizado un tutorial de la caja pop up "me gusta"...
    Respuestas: 5
    Último mensaje: 30-sep-2012
  3. Problema con caja de comentarios facebook y sidebar
    Bueno, el asunto es que agregué la caja de comentarios de facebook a este blog que recién estoy armando ¿Cómo llegar a Tomé? | Turismo Tomé...
    Respuestas: 0
    Último mensaje: 18-may-2012
  4. Boton " Me gusta " en sidebar caja de comentarios recortada
    Buenas, tengo un problema que no consigo resolver, el caso es que he añadido un botón de " me gusta " de facebook para mi página, en el sidebar, el...
    Respuestas: 4
    Último mensaje: 27-dic-2011

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •