avatar
Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5

COMPLEMENTOS Comentarios de Facebook
#1

2
Mejor respuesta del mensaje Comentarios de FacebookCaptura

[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:

<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:

<div id="post-comentarios"


Reemplazar por:

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


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

Buscar:

</head


Arriba agregar:

{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:

.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:

<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 Debes agradecer para ver el contenido... 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:

<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 Debes agradecer para ver el contenido... 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:

<meta property="fb:app_id" content="TU_APP_ID" /> 


Remplazamos TU_APP_ID por tu ID de tu app.




Creditos: Debes agradecer para ver el contenido...
Responder


Compartir en:

Salto de foro:


Usuarios navegando en este tema: 1 invitado(s)