Phpost

Versión completa: Comentarios de Facebook
Actualmente estas viendo una versión simplificada de nuestro contenido. Ver la versión completa con el formato correcto.
Captura

[img]Registrate o inicia tu sesión para ver este contenido[/img]




En m.post_comments.tpl --> themes --> default --> templates --> modules --> m.post_comments.tpl

Arriba de todo poner:

Código PHP:
<script type="text/javascript"> {literal}
$(
document).ready(function(){
$(
"#comentarios_web").on"click", function() {
$(
'#post-comentarios_fb').hide();
$(
'#post-comentarios').show();
});
$(
"#comentarios_fb").on"click", function() {
$(
'#post-comentarios_fb').show();
$(
'#post-comentarios').hide();
});
});
{/
literal} </script>
<
div class="commentsbas">
<
button type="button" id="comentarios_web" class="basbutton">Comentarios {$tsConfig.titulo} <span >{$tsPost.post_comments}</span></button>
<
button type="button" id="comentarios_fb" class="basbutton">Comentarios Facebook <span class="fb-comments-count" data-href="{$tsConfig.url}/posts/{$tsPost.categoria.c_seo}/{$tsPost.post_id}/{$tsPost.post_title|seo}.html"></span></button>
<
div id="post-comentarios_fb" {if $tsUser->is_member}style="display:none"{/if}>
<
div class="fb-comments" data-href="{$tsConfig.url}/posts/{$tsPost.categoria.c_seo}/{$tsPost.post_id}/{$tsPost.post_title|seo}.html" data-numposts="10" data-width="840" data-order-by="reverse_time" data-colorscheme="light"></div>
</
div>
</
div


Buscar:

Código PHP:
<div id="post-comentarios"


Reemplazar por:

Código PHP:
<div id="post-comentarios" {if !$tsUser->is_member}style="display:none"{/if}> 


En main_header.tpl --> themes --> default --> templates --> modules --> main_header.tpl

Buscar:

Código PHP:
</head


Arriba agregar:

Código PHP:
{literal}
<
script>(function(dsid) {
var 
jsfjs d.getElementsByTagName(s)[0];
if (
d.getElementById(id)) return;
js d.createElement(s); js.id id;
js.src "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.5&appId=TU ID AQUÍ";
fjs.parentNode.insertBefore(jsfjs);
}(
document'script''facebook-jssdk'));</script>
{/
literal


Editar poniendo tu ID donde dice TU ID AQUÍ


En estilo.css --> themes --> default --> estilo.css

Al final agregar:

Código PHP:
.commentsbas{float:right;width:835px;overflow:hidden;margin-top:15px}
.
basbutton{float:left;width:50%;color:#fff;display:block;font-weight:700;line-height:1.2;padding:14px;text-align:center;cursor:pointer;overflow:hidden;position:relative;border-radius:0;border-right:0;border-bottom:0;border-left:0}
#comentarios_web{border-top:6px solid #197fb3;background:#1593ff}
#comentarios_fb{border-top:6px solid #555;background:#3b5998}
.basbutton span{border-radius:3px;color:#ddd;display:inline;font-size:.9em;padding:6px 11px;position:relative}
#comentarios_web span{background-color:#0d79d5}
#comentarios_fb span{background-color:#5872a7;padding:6px 6px!important} 



Para moderar los comentarios existen dos formas, elije la que sea de tu agrado.


Forma 1 (Meta tag):

En main_header.tpl dentro de <head> agregar:

Código PHP:
<meta property="fb:admins" content="TU_FACEBOOK_USER_ID"/> 


Remplazamos TU_FACEBOOK_USER_ID por nuestro ID de usuario en facebook, el id yo lo saco del código fuente del perfil pero existen páginas como esta que solo introduces la url del perfil y te da el id.

Esta etiqueta se puede repetir cuantas veces quieran y agregar a todo su staff...

Ejemplo:

Código PHP:
<meta property="fb:admins" content="TU_FACEBOOK_USER_ID_admin"/>
<
meta property="fb:admins" content="TU_FACEBOOK_USER_ID_mod"/> 




Forma 2 (Facebook App):

Vamos a Iniciar sesión en Facebook y creamos una nueva app para nuestro sitio (si ya tienes una creada solo necesitaremos el ID de la app)


En main_header.tpl dentro de <head> agregar:

Código PHP:
<meta property="fb:app_id" content="TU_APP_ID" /> 


Remplazamos TU_APP_ID por tu ID de tu app.




Creditos: Basdower