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

T-Lord
Admin

Premios ( 4 )

Posts : 611
Pontos : 1597
Reputação : 5
Data de inscrição : 17/03/2013

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:: [list=1] [*]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>')}); [/list]

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

(carregue na imagem para aumentar)
[TUTORIAL] Caixa de comentários do facebook nos tópicos 2u5q428

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

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

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;

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

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;

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

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

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

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:

Expandir esta imagem Ver em tamanho real
[TUTORIAL] Caixa de comentários do facebook nos tópicos 15ewlky

1 [TUTORIAL] Caixa de comentários do facebook nos tópicos Ter Mar 26, 2013 5:28 pm