Caixa de comentários do facebook nos tópicos Qua 2 Out 2013 - 10:54
Autor: Today
Funcionalidade: Todas as versões
Categoria: Recursos de Outros Autores
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.
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/sdk.js#xfbml=1&version=v6.0";
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="https://' + location.host + location.pathname + '" data-num-posts=5 data-width=' + jQuery(v).eq(-1).css('width') + '></div>')
});
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.