[TUTORIAL] Caixa de comentários do facebook nos tópicos

Adicionar efeitos com pluings 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.

--> Tutoriais, dicas e astúcias <--
Caixa de comentários do facebook nos tópicos

1º - Código utilizado:

Código:

jQuery(document).ready(function(){(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/pt_BR/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs)}(document,'script','facebook-jssdk'));v='.post:has(.postbody, .pun .postbody)';if(jQuery(v).length==0){v='#blog_comments'};jQuery(v).eq(-1).after('<div class=fb-comments data-href="http://'+location.host+location.pathname+'" data-num-posts=5 data-width='+jQuery(v).eq(-1).css('width')+'></div>')});

2º - Inserindo o código JavaScript:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;

Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;

Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;

Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.

3º - O resultado final:

---

© Fórum dos Fóruns & BrunoH.

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Caixa de comentários do facebook nos tópicos