[Tutorial] Caixa de comentário do facebook no post

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Admin
Admin
Administrador
Tempo Online : 250d 6h 21m 59s
Mensagens : 693
Reputação : 4
https://bestweb.forumeiro.com

MensagemAdmin Ter Set 13, 2016 10:27 pm

Autor: Desconhecido
Funcionalidade: Em todas as versões
Descrição: Adicionar efeitos com plugins do Facebook ficou fácil. Com este tutorial vamos reproduzir um efeito magnifico, ao qual você pode personalizar ainda mais os tópicos de seu fórum.

Acesse:
Painel de Controle [Tutorial] Caixa de comentário do facebook no post 1337678750 Módulos [Tutorial] Caixa de comentário do facebook no post 1337678750 HTML & Javascript [Tutorial] Caixa de comentário do facebook no post 1337678750 Gestão dos códigos Javascripts

E crie um novo javascript com investimento nos tópicos com esse código:

Código:
 
$(document).ready(function () {
   
    var fb_skin = "light";
    var fb_numposts = 5; 
 
    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs)
    }(document, 'script', 'facebook-jssdk'));
    v = '.forumline:has(.post .postbody)';
    ifphpbb2in = '';
    ifphpbb2out = '';
    if ($(v).length == 0) {
        v = '.post:has(.postbody, .pun .postbody)';
    } else {
        ifphpbb2in = '<table class="forumline"><tr><td colspan=3>';
        ifphpbb2out = '</td></tr></table>';
    }
    if ($(v).length == 0) {
        v = '#blog_comments'
    }
    $(v).eq(-1).after(ifphpbb2in + '<div class=fb-comments data-href="http://' + location.host + location.pathname + '" data-colorscheme="' + fb_skin + '" data-num-posts=' + fb_numposts + ' data-width=' + $(v).eq(-1).css('width') + '></div>' + ifphpbb2out);
});


  • Resultado:
    [Tutorial] Caixa de comentário do facebook no post Aff96d4c4e26418481ea5135566ec9f2

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

 
Permissões neste sub-fórum
Não podes responder a tópicos